Accessible Color Generator
Nudge a colour until it passes WCAG, keeping its hue.
Find the closest named colour to any HEX code.
The name appears here
HEX to Color Name finds the nearest of the 148 CSS colour names to any colour, matched with CIEDE2000 in CIELAB so the answer is the one a person would pick, with the ΔE and what that difference actually means.
Give it a HEX code and it names the colour: the nearest of the 148 named colours CSS recognises, plus the next closest few so you can see how strong the match is and choose a different one if it reads better.
The matching is the part worth getting right. Comparing hex codes as numbers, or measuring the distance between RGB triples, produces matches that are arithmetically close and obviously wrong to look at, because equal distances in RGB are not equal differences to the eye. This tool uses CIEDE2000, the colour-difference formula the printing industry quotes, run in CIELAB.
Each match comes with its ΔE — the measured difference — and a plain description of what that number means, from indistinguishable through to clearly different. A ΔE under 1 means the two colours cannot be told apart side by side; above 5 they are simply different colours that happen to be neighbours.
CIEDE2000 in CIELAB, the formula the printing industry uses — not RGB distance, which regularly picks the wrong name.
Each match comes with its measured difference and a plain reading: invisible, slight, noticeable or clearly different.
The next closest names too, in case one of them describes your colour better than the winner.
Your colour next to the named one, because a number is no substitute for looking.
HEX, RGB, HSL, OKLCH or an existing colour name are all accepted.
Or any other notation — the input takes RGB, HSL and OKLCH too.
The best match is shown with its own swatch beside yours for comparison.
How different the two really are, in the units colour professionals use.
The next closest names, in case one of them describes your colour better.
148, counting the greys spelled both ways and the odd one out, rebeccapurple, added in 2014 in memory of Rebecca Meyer. They are the X11 names the web inherited, which is why the set is so uneven.
ΔE is the measured perceptual difference between two colours. Under 1 is invisible to the eye, 1 to 2 needs close inspection, 2 to 3.5 is a slight difference, and above 5 they are clearly different colours.
Because RGB is not perceptually uniform. A difference of 20 in blue is barely visible; the same difference in green is obvious. Straight RGB distance regularly picks a name that is arithmetically nearest and visibly wrong.
For prototypes, sure. For production, no — the names are historical, inconsistent (darkgray is lighter than gray) and cover the space unevenly. A hex code or a custom property says what you mean.
What people who use the HEX to Color Name think of it. Reviews come from visitors and are posted as written.
No ratings yet
Yours would be the first.
0 reviews
Newest first
No reviews yet
Be the first to rate the HEX to Color Name. It takes half a minute and no account.
Write the first reviewNudge a colour until it passes WCAG, keeping its hue.
Build a whole palette from one hue, and nothing else.
Build tints, shades and tones from one colour.
Put a gradient on a border — and keep the rounded corners.
The RAL Classic chart, searchable, with screen approximations.
Score a colour pair with APCA, the contrast model behind WCAG 3.
Check whether a colour code is valid, and fix it if not.
Convert LCH to HEX and RGB — LAB in polar form, as CSS uses it.