← All tools
// DESIGN

Colour Name Finder online

Find the closest CSS colour name for any hex or RGB value.

Colour Name Finder logo
by
CHUNKY
MUNSTER
COLOUR NAME FINDER

About CSS Colour Names

How to Use colour-name-finder

  1. Enter a HEX or RGB value, or pick a colour from the visual picker.
  2. The tool finds the closest matching CSS named colour using perceptual colour distance.
  3. Read the exact match or nearest named colour with its HEX and RGB values.
  4. Browse the full list of 140+ CSS named colours sorted by hue.

CSS includes 140 named colours — from aliceblue to yellowgreen — that can be used anywhere a colour value is accepted. This tool finds the nearest named CSS colour to any arbitrary hex or RGB value using Delta-E colour distance calculation, useful when you want semantic colour names in code or when matching a hex code to a human-readable description.

The CSS Named Colour Set

CSS named colours were standardised from multiple sources: the original 16 VGA colours, X11 colour names (140 colours), and additions made in CSS3 including rebeccapurple (added in 2014 to honour Eric Meyer's daughter Rebecca). The full list includes basic names (red, blue, green) alongside poetic names (papayawhip, lavenderblush, cornsilk). They cover the full spectrum but are not evenly distributed — there are 39 shades of green and grey but only a handful of browns and oranges.

Frequently Asked Questions

How are CSS named colours defined?

They are keyword values defined in the CSS Color specification. Each keyword maps to a fixed sRGB hex value — for example, tomato = #FF6347. They are case-insensitive and can be used anywhere a <color> value is accepted.

What is rebeccapurple?

rebeccapurple (#663399) was added to CSS in 2014 in memory of Rebecca Alison Meyer, daughter of web standards author Eric A. Meyer, who passed away on her 6th birthday. It is the only CSS colour named after a person.

Why is "transparent" a valid CSS colour?

transparent is shorthand for rgba(0,0,0,0) — fully transparent black. It is used as an initial value for background-color and the from/to values in gradient transitions.

Can I use colour names in SVG and Canvas?

Yes. SVG attribute values and the Canvas 2D API accept CSS colour strings — including named colours, RGB, HEX, and HSL.

See also the Color Converter, Color Picker, and CMYK Converter.