About this tool
Find the closest CSS colour names and plain-English colour terms for any hex value using CIEDE2000 distance.
Colour Name Finder identifies the closest human-readable name for any hex value by converting it to CIE L*a*b* and ranking every CSS colour keyword with the CIEDE2000 difference formula. Because CIEDE2000 weights lightness, chroma and hue the way the eye does, the top match is the one a person would actually call the colour — not just the one with the smallest RGB gap. It also returns a plain-English description such as 'deep vivid teal', the nearest basic colour term, and the WCAG contrast ratio against black and white.
Open Colour Name Finder on AltFTool — it loads instantly in your browser.
Add your input to the workspace.
Adjust the options until the result looks right.
Copy or download the output and put it to work.
CIEDE2000 in Lab space ranks names the way the eye judges difference, not by raw RGB distance.
Lightness, saturation and hue combine into readable labels like 'pale pink' or 'deep brown'.
WCAG relative-luminance contrast against black and white is shown alongside the name.
CSS Color Module Level 4 defines 148 colour keywords, though several are duplicates: grey and gray spellings, aqua and cyan, and fuchsia and magenta all resolve to the same values, leaving about 139 distinct colours.
Delta E is the perceptual distance between two colours. Using CIEDE2000, a value below roughly 1.0 is imperceptible to most viewers, 1 to 2 is a very close match visible only side by side, and above 5 the colours read as clearly different.
RGB distance treats a step in dark blue the same as a step in bright yellow, but the eye does not. Converting to CIE L*a*b* and applying CIEDE2000 corrects for that, so the ranking matches what people actually see.
Yes for prototypes and quick styling, since keywords map to fixed sRGB values. For brand work use the exact hex or a design token, because a keyword that is a few Delta E away will drift your brand colour on every screen it renders on.