Design
Color name finder
Find the nearest CSS named color for any hex value.
steelblue
Exact match · #4682b4
Matched against the CSS named colors, in your browser.
How it works
1
Enter a hex color
Type a HEX value or pick one with the color picker.
2
See the closest name
The nearest CSS named color is shown alongside your input.
3
Copy
Copy the name or the exact value for your code.
Frequent questions
How is the nearest name found?
Your color is compared against the standard CSS named colors and the closest match by color distance is returned.
Will the named color match exactly?
Only if your value happens to equal a named color. Otherwise it is the closest name — useful for a readable label, though for precise design use the exact hex.
Explore more tools
Colors
Convert colors between HEX, RGB and HSL.
Contrast checker
Check color contrast against WCAG AA/AAA.
Palette generator
Harmonies, tints and shades from a base color.
Gradient generator
Build linear and radial CSS gradients.
Color mixer
Blend two colors and get the steps between.
Blob generator
Generate organic SVG blob shapes.
Color theme maker
Build a light/dark theme and export CSS variables.
Palette from image
Extract dominant colors from an image.