Enter any hex code and instantly find the closest named colour, with its RGB values, HSL values, and nearby shades.
HEX values are precise, but names are often easier when discussing a design with a client or teammate. Enter any six-digit HEX value and this tool compares it with the standard CSS named-colour set to find the nearest match.
If your input exactly matches a CSS named colour, the result is marked as an exact match. Otherwise, the tool returns the closest named colour by comparing the RGB values, then shows nearby alternatives you can explore.
A six-digit hexadecimal representation such as #FF4D00. Common in CSS, design tools and brand guidelines.
Red, green and blue channel values from 0 to 255. Useful when working with screen-based colour systems.
Hue, saturation and lightness. Often easier for making controlled colour adjustments programmatically.
A human-readable keyword such as Tomato, RoyalBlue or RebeccaPurple that browsers recognise directly in CSS.
Modern displays can represent millions of RGB colours, while CSS defines only a relatively small set of named colour keywords. That means most HEX codes do not have an official one-to-one name.
The nearest-name result is therefore a useful description, not a replacement for the original colour value. If accuracy matters in a brand system or stylesheet, keep the HEX, RGB or HSL value as the source of truth.
Named colours are particularly handy for communication, quick prototypes and exploring related shades. Click any nearby result to load it into the finder and compare its values.
No. There are far more possible HEX colours than official CSS colour keywords. The tool therefore finds the nearest named colour when there is no exact match.
Yes. Recognised CSS colour keywords such as tomato, teal and royalblue can be used anywhere CSS accepts a colour value.
They are different ways of describing a colour. HEX encodes RGB channels in hexadecimal, RGB gives the channel values directly, and HSL describes hue, saturation and lightness.
Use the exact HEX/RGB/HSL values for consistency. A colour name can be included as a friendly label, but it may be less precise.