Colour Name Finder
Find the closest CSS colour name to any shade.
Input
This tool runs entirely in your browser. The data you paste or load is never uploaded.
Result
Enter your input, then run the tool.
About this tool
Finds the named CSS colours closest to a HEX value, using the perceptual CIEDE2000 distance rather than raw RGB differences, and lists the five best matches with their codes. Handy for naming design tokens and describing colours.
How to use it
- Pick a colour or type its HEX code.
- Press Find name.
- Read the closest names and how close each one is.
Frequently asked questions
What does the distance mean?
It is ΔE2000: below 1 is invisible to most people, 2 to 5 is noticeable side by side, above 10 is clearly a different colour.
Which names are used?
The 139 distinct named colours of CSS Color Module Level 4 (148 names counting aliases such as grey and gray), the same names any browser accepts in a stylesheet.
Keep going
Related tools
Color Palette Generator
Generate harmonious palettes from one base colour.
Image Color Picker
Click any pixel to read its HEX, RGB and HSL values.
CMYK to HEX and RGB Converter
Convert between CMYK, HEX and RGB colour values.
HEX to RGB Converter
Convert HEX colour codes to RGB and HSL.
RGB to HEX Converter
Convert RGB channel values into a HEX code.
RGB to HSL Converter
Convert RGB channels to hue, saturation and lightness.