TOOLTIKI Lovable tool, really free
Colour Formats

Colour name to hex

#ffa500
Hex
Every format
Contrast
On white 1.97 Fails AA
On black 10.63 Passes AA
Local · inherited from X11, never reconciled
fff6e5ffe4b3ffd280ffc04dffae1ae69400b373008052004d3100
Advertisement
320 × 100

Look up what a CSS colour name resolves to. `orange` is `#ffa500`, `rebeccapurple` is `#663399`, and `gray` and `grey` are the same colour spelled two ways.

How to use the colour name to hex

1 Set your colour, by picker or by typing a hex value.
2 Switch the format if you need RGB, HSL or OKLCH rather than hex.
3 Tap any swatch to copy it, or copy the whole set at once.

The CSS named colours are a historical accident worth understanding before relying on them. They came from the X11 window system by way of early Netscape, and were never designed as a coherent set: `darkgray` is lighter than `gray`, there are four shades of green that are nowhere near each other in the colour space, and the coverage is wildly uneven with dozens of blues and almost no browns. The one deliberate addition is `rebeccapurple`, added to CSS in 2014 in memory of Eric Meyer’s daughter — the only named colour with a story rather than an accident behind it.

Questions

About 148, inherited from X11 and early Netscape rather than designed.

MDN — CSS color values
Advertisement
300 × 250
Was this tool any good?
INTERNAL SIGNAL ONLY · WE USE IT TO FIND TOOLS WORTH REBUILDING