Loading tool…
ToolWrenFind the nearest named CSS color to any HEX code, or look up the exact HEX of a color name like 'steelblue'.
Loading tool…
#4682b4) or a color name (e.g. steelblue), or use the picker.Privacy: this tool runs entirely in your browser. Your input is never sent to, received by, or stored on any server — there are no uploads and no tracking of what you enter.
CSS defines around 140 named colors (like tomato, steelblue and rebeccapurple). They are convenient shorthands, but most arbitrary HEX codes do not match one exactly.
Enter a HEX code and the tool finds the nearest named color by comparing red, green and blue distances, so you always get a sensible label even when there is no exact match.
Type a color name to see its official HEX and RGB values, or type a HEX code to find the closest name — handy for naming swatches and writing readable CSS.
A color name finder bridges human-friendly color names and machine HEX codes. Enter a HEX code and it tells you the closest named CSS color; enter a name like steelblue and it returns the exact HEX and RGB values. It is the quick way to put a readable label on a color, or to look up the precise value behind a name.
CSS defines about 140 standard color keywords - from everyday ones like red, blue and green to descriptive names like tomato, steelblue, rebeccapurple and gainsboro. They are convenient shorthands you can use directly in stylesheets, but they cover only a tiny fraction of the 16 million possible RGB colors, so most arbitrary colors have no exact name.
When your color is not an exact named color, the tool finds the nearest one by measuring distance in RGB space - treating the red, green and blue values as coordinates and finding the named color with the smallest difference. This always returns a sensible label, marked as approximate so you know it is the closest match rather than an exact one.
Names make colors easier to discuss, document and remember than raw hex strings. They help when writing readable CSS, labelling swatches in a style guide, describing a brand color in conversation, or grouping similar colors. Going the other way, looking up a name's exact HEX lets you reproduce it precisely in any tool.
Type a HEX code (like #4682b4) or a color name (like steelblue), or use the picker. The tool shows a swatch, the HEX and RGB values, and the matching or closest CSS name. Pair it with the Color Converter for HSL and CMYK. Everything runs in your browser.