How do I find the CSS name for a hex color code?
Paste the hex code (with or without #) into the search box. The tool finds the closest CSS named color by RGB distance and shows you the top 6 nearest matches.
CSS Color Lookup lets you search any CSS named color or paste a hex code to instantly get all color formats: HEX, RGB, HSL, CMYK, and HCL. Enter a color name like "coral" or a hex code like #ee6c30 to find the matching or nearest CSS named color and copy any format in one click. Useful for developers, designers, and anyone who needs to convert between CSS color keywords and numeric values.
CSS defines 140+ named colors (aliceblue, coral, steelblue, etc.) each mapped to a specific hex value. When you enter a hex code, the tool finds the CSS named color with the smallest RGB distance to that hex. When you enter a name, it returns exact and partial matches with all numeric formats.
Paste the hex code (with or without #) into the search box. The tool finds the closest CSS named color by RGB distance and shows you the top 6 nearest matches.
CSS defines 140+ color keywords like red, coral, steelblue, and goldenrod. Each has a fixed HEX and RGB value recognized by all browsers.
If your hex code exactly matches a CSS named color it shows that one result. Otherwise it shows the 6 closest named colors ranked by RGB distance.
Yes. Typing "blue" shows all named colors containing "blue" — darkblue, cornflowerblue, steelblue, deepskyblue, and more.
Yes. All lookups run entirely in your browser with no server requests.
Yes, completely free with no login or limits.
Tool workspace
Look up any CSS color by name or hex code. Instantly get HEX, RGB, HSL, CMYK, and the closest named color — free, no login.
Input
#ee6c30
Output
darkorange — HEX: #FF8C00, RGB: rgb(255, 140, 0), HSL: hsl(32.9 100% 50%)