CSS Color Name Finder
Search the complete list of roughly 140 CSS3 named colors by name, or enter a hex code to find the exact or closest matching named color.
deepskyblue
#00BFFFlightskyblue
#87CEFAskyblue
#87CEEBHow to Use the CSS Color Name Finder
This tool covers the complete standard list of roughly 140 CSS3 named colors — like aliceblue, rebeccapurple, and yellowgreen — each paired with its exact hex value. Type part of a color name to filter the list, or enter a hex code to find the exact named color that matches it. If no exact match exists, the tool computes color distance and shows the closest named color, clearly labeled as a "closest match".
Example
Typing "sky" filters to skyblue and lightskyblue. Entering #4682B4 returns an exact match: steelblue. Entering a hex code like #123456 that isn't one of the 140 standard names instead returns the closest matching named color, labeled as such.
Common Use Cases
- Finding the exact CSS keyword for a hex color you want to use in your stylesheet.
- Looking up the hex value behind a named color you've seen in someone else's CSS.
- Finding the closest human-readable name for an arbitrary hex color for documentation purposes.
FAQs
- How many named colors does this cover? The complete standard CSS3 extended color list — roughly 140 names, from
alicebluethroughyellowgreen, including near-duplicates likegray/greypairs. - What happens if I enter a hex code with no exact named match? The tool calculates the color distance (in RGB space) between your hex code and every named color, and returns the single closest one, clearly labeled "closest match" rather than an exact one.
- Can I search by hex code without the "#" symbol? Yes — the tool recognizes a 6-digit hex value whether or not it starts with a "#".