CSS Color Names Reference
Search named CSS colors by name or hex code, view RGB values, and find the nearest named color match.
Run tool
This online color reference tool lets you explore a built-in collection of named colors and look up matching color values. You can enter a partial or complete color name, such as coral or blue, or enter a six-digit hexadecimal value to locate exact matches. The lookup automatically converts your query to lowercase and trims surrounding whitespace before filtering.
When you leave the search field empty, the tool displays the full catalog organized alphabetically by color name. Each entry provides the formal color name, its lowercase six-digit hex code with a leading hash, and individual red, green, and blue integer channel values from 0 to 255.
If a specific hex code does not match any built-in color name directly, the tool calculates the squared RGB distance against the collection and provides the nearest named color match. This makes it straightforward to find recognizable CSS color names close to custom brand palettes or design mockups.
Instructions
- Type a color name or a six-digit hexadecimal value into the search box.
- Leave the search box empty if you want to browse the entire alphabetical catalog.
- Run the tool to review matching color names, hex codes, RGB values, or nearest color recommendations.
Examples
- Search for 'coral' to display all color entries containing 'coral' in their name, along with their hex codes and RGB channel values.
- Enter '#3a86ff' to see that no exact named color exists, followed by the calculated nearest named color match and its RGB values.
FAQ
How does searching by color name work?
The tool trims whitespace, converts your search text to lowercase, and returns every named color containing that text anywhere in its name.
Can I search using a hexadecimal color code?
Yes. If your hex code matches a built-in color exactly, that color is shown. If not, entering a valid six-digit hex code finds the nearest named color using squared RGB distance.
What happens if I submit an empty search?
An empty search returns the full built-in collection arranged in alphabetical order by color name.
Does the search require a leading hash for hex values?
No. The lookup accepts six-character hex codes with or without a leading hash sign.