https://github.com/bensouchet/color-blend
Website to blend two colors and generate intermediates colors!
https://github.com/bensouchet/color-blend
blending color color-palette color-scheme colors hex hsb hsb-color-model hsv hsv-code rgb rgb-color
Last synced: 3 months ago
JSON representation
Website to blend two colors and generate intermediates colors!
- Host: GitHub
- URL: https://github.com/bensouchet/color-blend
- Owner: BenSouchet
- License: mit
- Created: 2022-03-04T17:59:33.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-10T10:33:18.000Z (about 4 years ago)
- Last Synced: 2025-01-17T11:27:06.193Z (over 1 year ago)
- Topics: blending, color, color-palette, color-scheme, colors, hex, hsb, hsb-color-model, hsv, hsv-code, rgb, rgb-color
- Homepage: https://bensouchet.github.io/color-blend/
- Size: 235 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Color Blend
Enter two hex colors code and see the blending results obtained using different color models (**RGB**, **HSB/HSV** & **HSL**).
Website here >> https://bensouchet.github.io/color-blend/ <<
## Source Code
The JavaScript `functions` used on the website can be found in [this file](https://github.com/BenSouchet/color-blend/blob/gh-pages/assets/js/main.js).
If you want, you can play with the JavaScript functions directly with you browser dev tools, the file isn't minified so it's easy to check and debug.
**Disclaimer**: I know putting all the JS in one big file isn't top, but I haven't found the time yet to cut the file properly into small files (at least three: main one for DOM manipulations, one for color convertions & last one for blending functions).
I also want in the future to remove the call to Google Fonts by putting the font directly into the `assets` folder. Less GAFAM tracking, less loading time.
## Sponsor the project
Want to help this project to get better, bigger, with more features ?
I have in mind adding **CMYK**, **Lab (CIELAB)**, **YPbPr** & **Xyz** but adding these color models or others features requires development time...
The solution? [Become a sponsor](https://github.com/sponsors/BenSouchet), so I can allocate time to work more on this project 🌟💫
## Others Ressouces & Useful links
- [colorizer.org](http://colorizer.org/), a website to interact with color components and see how color are represented according to multiple colr models. You also find related colors (complementary, triad, square, analogic, ...).
- [Paletton.com](https://paletton.com/), create color palettes (schemes) easily by clicking on a color wheel to select yuor main color.
## Author / Maintainer
Color Blend has been created and is currently maintained by [Ben Souchet](https://github.com/BenSouchet).
## Licenses
The code present in this repository is under [MIT license](https://github.com/BenSouchet/color-blend/blob/main/LICENSE).
The logo, icon and all image files in this repository are under [(CC BY-NC-ND 4.0)](https://creativecommons.org/licenses/by-nc-nd/4.0/), you cannot edit theses files, you cannot use them for commercial purposes & you must give appropriate credit *(© Color Blend, Ben Souchet)*.