color color

Steps

Hue

↓ Show Curve

Saturation

↓ Show Curve

Lightness

f(t)t
↑ Hide Curve

Reference colors

Comma seperated list of hex color codes.

Color space

Learn about difference between HSL, HSLuv, and Okhsl.

Overlay

Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
Select
 

Luminance · How bright is it?

100 · Luminance: 0.92200 · Luminance: 0.80300 · Luminance: 0.63400 · Luminance: 0.44500 · Luminance: 0.28600 · Luminance: 0.16700 · Luminance: 0.08800 · Luminance: 0.03900 · Luminance: 0.01
1 0

Chroma · How colorful is it?

100 · Chroma: 3.08200 · Chroma: 8.89300 · Chroma: 19.91400 · Chroma: 37.83500 · Chroma: 61.37600 · Chroma: 72.17700 · Chroma: 65.99800 · Chroma: 51.33900 · Chroma: 31.68
150 0

Hue · What color is it?

100 · Hue: 16.01200 · Hue: 16.12300 · Hue: 16.41400 · Hue: 16.97500 · Hue: 17.90600 · Hue: 19.27700 · Hue: 21.18800 · Hue: 23.73900 · Hue: 27.00
360 0

500

Luminance · How bright is it?

1 · Luminance: 0.282 · Luminance: 0.323 · Luminance: 0.29
1 0

Chroma · How colorful is it?

1 · Chroma: 61.372 · Chroma: 49.463 · Chroma: 39.13
150 0

Hue · What color is it?

1 · Hue: 17.902 · Hue: 148.103 · Hue: 237.58
360 0

Support color × color

All contribution helps with hosting and other operational costs of this valuable tool.

Donate