Color Code Namer
Find the nearest common CSS named color for a hex code.
Put a name to a hex code
A raw hex value tells you nothing at a glance. This tool finds the nearest common CSS named color to any hex, so #4f46e5 becomes “close to indigo” and a mystery swatch gets a human label you can actually discuss and remember.
Naming a color helps with communication and documentation — it is easier to talk about “our indigo” than “#4f46e5” — and it is a quick sanity check that a value is roughly the hue you intended. Paste a hex and get its closest named match.
Nearest name, kept local
It measures distance to the CSS named colors and returns the closest match, handy for describing a shade in a review or commit. The lookup runs in your browser.
Frequently asked questions
How does it name a color?
It compares your hex color with a set of common CSS named colors, like navy, teal, orange, and skyblue, and returns the closest match.
Will the name match my color exactly?
Usually not. It gives the nearest common name, which is handy for describing a color, not an exact equivalent.
Which color formats can I enter?
Hex codes, in 3- or 6-digit form, like #0af or #00aaff. To convert other formats first, use the hex, RGB, and HSL converter.
Related tools
Practical utilities for everyday web development work.