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/ <<
The JavaScript functions used on the website can be found in this file.
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.
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, so I can allocate time to work more on this project 🌟💫
- 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, create color palettes (schemes) easily by clicking on a color wheel to select yuor main color.
Color Blend has been created and is currently maintained by Ben Souchet.
The code present in this repository is under MIT license.
The logo, icon and all image files in this repository are under (CC 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).