Change hue, saturation, and lightness in the HSL color space if it's very simple. See this javascript implementation for example .
It is also easy to create color schemes, such as: similar, monochromatic, triads, tetrads, etc. See this javascript implementation .
The problem is that the HSL color system is not perceptual in shape.
And actually this is a real problem.
If you do not know what I'm talking about, everything is in order. Read about it: here and here . (These two articles are very short, but very valuable, you really should read them).
The solution uses a color space that is perceptually uniform, for example: CieLab, CieLuv or Hcl.
The problem is that these color spaces also have colors that are out of range (colors that cannot be displayed).
For working with different color spaces in javascript check out chroma.js or chromatist .
After this short introduction, here is my real problem:
I want to create perceptually uniform color schemes (similar, triads, exercise books, additional, etc.). As I mentioned in Hsl, this is simple: for example, to create a triad diagram, I simply rotate the HUE from 120, then from 240, and I have a triad diagram.
, CieLab, Hcl CieLuv . Hcl (Hue, Chroma, Lightness), Hue 120 , , ( RGB).
:
(, CieLab, Hcl, CieLuv )?
javascript, , .
, :)