Skip to main content
2 of 7
edited tags
joojaa
  • 58.6k
  • 8
  • 88
  • 181

Adjusting generated colors to make them more subjectively pleasant

Is there any formula or correction vallues for r, g, b channels, that takes into account visual perception of color and will allow me to adjust generated colors to be more pleasant while keeping them on approximately same level of saturation and lightness?

I'm using "vibrant.js" library to pick colors from images and use them in my app's interface. I pick two colors "darkMuted" and "vibrant" - one for the background areas and one as an accent color for controls.

After plugin returns the colors, I adjust them slightly, to ensure they work well together and have enough contrast. Basically, for the "darkMuted" color I'm setting saturation and lightness equal to 0.2. For the "vibrant" color I'm using the saturation of 0.6 and the lightness of 0.8.

However, while giving good results on the average, this approach lacks the adjustment for the subjective perception of color. As you may know a couple of colors with different hues and same "s" and "l" values could be percieved differently: one as a pleasant color and another as an acid'ish, "my eyes are bleeding" color (especially with the green and purple hues).

Is it possible to receive colors with an equal visual perception using this kind of approach? Or, maybe, there are better ways of doing the same?

Thank you in advace!