Colour inspector
Every value for one colour, and the space each of them is in.
#d2643coklch(63% 0.15 40)
Tints
Shades
Tones
Complement
Analogous
Triadic
Values
Hex#D2643C
RGB210 100 60
HSL16° 62.8% 53%
HSV16° 71.6% 82.5%
CIELAB55.3 40.79 42.65
LCH55.3 59.02 46.3°
OKLaboklab(63% 0.1149 0.0964)
OKLCHoklch(63% 0.15 40)
SpacesRGB
Contrast
Aa
3.72 : 1
On white · fails body
Aa
5.64 : 1
On black · AA
A colour inspector that shows every space, not just hex
Enter one colour and read it in every space that matters: HEX, RGB, HSL, HSV, CIELAB, LCH, OKLab and OKLCH, with the colour space it lives in stated alongside. A hex on its own is half an answer; whether it sits inside sRGB is the other half.
Below the values are tints, shades and tones, the complement, an analogous pair and a triad — each computed at this colour's own lightness and capped at what the gamut can hold, so a triad off a vivid yellow does not return two colours a screen cannot show — and contrast against white and black.
How to use it
- Type or paste a hex value, or arrive from any swatch in the generator.
- Read the values, and check the space line: sRGB, or P3 if the colour is outside sRGB.
- Use the tints, shades and harmonies as starting points for a palette.
Questions
- What is the difference between CIELAB and OKLab?
- Both are perceptual spaces. CIELAB is the older standard and what print and colour-science tooling speak; OKLab is newer and more uniform, especially in hue, which is why the tools here compute in it. The inspector shows both so a value can be handed to whichever workflow needs it.
- Why does the hue differ between HSL and OKLCH?
- They are different wheels. HSL's hue is a reshaping of RGB with no perceptual basis; OKLCH's is measured against how colours actually appear. The same colour has a different angle in each, and neither is wrong — but OKLCH's spacing is the one that looks even.
More free colour tools
- GenerateBuild a palette on real colour-theory relationships, in OKLCH.
- ExtractPull dominant, highlight, midtone and shadow colours from a frame.
- ContrastWCAG contrast, with the nearest accessible colour when it fails.
- ScalesPerceptually even 50–950 ramps for a design system.
All of Color Lab runs in your browser. Nothing is uploaded and no account is needed.