Variations

This box shows variations of a color.

Lightness and saturation variations

Height variations are displayed:

• pale: light and less saturated
• light: well, light
• brilliant: light and saturated
• grayish: same lightness, but less saturated
• vivid: same lightness, and more saturated
• blackish: darker and less saturated
• dark: errr, dark I guess
• deep: darker and saturated

So you have from top to bottom: variations that are lighter, of same lightness and darker. And from left to right: less saturated, of same saturation and more saturated variations.

Hue variations

On the right, height hue variations are displayed. Each one is the result of melt between the current color and one of these eight colors (beginning at center right, counter clockwise): red, orange, yellow, green, cyan, blue, purple and pink.

Their position matches the color order in the colro wheel.

Modifying the variations

Two sliders are available under the variations:

So you can change the contrast (percentage for lightness and saturation variations, degrees for hues). Note that for a given step, the visual contrast is not the same if the reference color is a dark color or a light one.