How to use CSS Named Color Reference
- Enter a name fragment or a three- or six-digit hex color in the search box.
- Set how many results you want to see.
- Review matching names or nearby colors, then copy the value you need.
Example: CSS Named Color Reference
Find the standard name for a purple.
You add
Search: #663399. Result limit: 20.
You get
rebeccapurple is an exact match with RGB distance 0.
Supported inputs and limits
A pinned list of 148 opaque CSS keywords, including spelling aliases. Nearest results use Euclidean distance in encoded sRGB, not a perceptual color-difference model. Transparent and currentColor are contextual values and have no fixed opaque distance.
Where your input is processed
This tool processes your input in this browser. Your text and files are not uploaded to UseFreeTools. Check this tool's limits for anything it may save on your device.
A keyword is a fixed color
Named colors are convenient in stylesheets, but their names do not form an evenly spaced palette. Copy the hex value when you want to keep a particular value independent of the chosen keyword.
Questions about CSS Named Color Reference
Why do gray and grey have the same value?
CSS includes spelling aliases. They remain separate names in this reference even when their RGB values match.
Is the nearest name visually identical?
Only an exact hex match is identical. RGB distance is a simple numerical comparison and does not predict perceived similarity.
Can I use currentColor here?
It depends on an element’s computed color, so it is not included in the opaque keyword comparison.