search

0livare / tinted

Tinted is a color harmony wheel. It helps you choose color combinations that create pleasing contrasts and feel harmonious.
https://zposten.github.io/tinted
MIT License
1 stars 0 forks source link

Don't use an image for the color gradiant #1

Open 0livare opened 4 years ago

0livare commented 4 years ago

It should be possible to generate the color gradient somehow. Adobe does this with a canvas. This open source project has accomplished this feat: iro.js

~The problem is that I have yet to find any kind of a code solution that in addition to changing the hue around the circumference of the circle, also increases the value (brightness, HSV color model) as you approach the center of the circle. One can imagine nesting many rings inside each other to to create the desired effect, but that seems like a lot. Is canvas the best approach here? I don't know.~

Additional related examples:

ryanbyk commented 4 years ago

https://medium.com/@bantic/hand-coding-a-color-wheel-with-canvas-78256c9d7d43

Checkout this blog, it looks like it might be what you want, perhaps it is the way adobe did it.