DESIGN & WEB

Colour Name Lookup

Find the nearest CSS colour names for any colour (perceived distance in OKLab), or turn a name into its hex value — the 148 CSS Color Level 4 names, in bulk.

Per line: the exact CSS name if there is one, otherwise the five nearest names with their distances, the hex and HSL values — and a note when no name is really close.

Example: #ff6347 is exactly tomato; #fe6448 is nearest tomato (ΔE 0.2) then orangered and coral; rgb(102, 51, 153) is rebeccapurple; #123456 is nearest midnightblue but 8.7 away — no real match.

v0.1.0 · last reviewed 20 September 2026
Loading the workspace…
BUILT TO BE UNDERSTOOD

Names from the CSS spec,
matched by eye.

Which names are known, how "nearest" is measured, and why paint and brand names are absent.

The names

CSS Color Module Level 4 defines 148 colour keywords (the X11 list plus rebeccapurple), several of them spellings of the same value (gray/grey). Those values are embedded; a name typed in either direction is looked up exactly.

Nearest

Distance is measured in OKLab, where equal distances look about equally different — unlike raw RGB, where the same numeric gap can be invisible in one region and obvious in another. Ties are broken by name, duplicates by value are listed once, and a nearest name more than ΔE 8 away is flagged as a rough label.

Not included

Pantone, RAL, NCS and paint-manufacturer names are proprietary lists and are not embedded; the page knows only the CSS keywords. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.

SOURCES

Last reviewed 20 September 2026. How results are checked: How we verify.