Color Name ↔ HEX Converter
Look up all 148 CSS named colors. Search by name or HEX code — see live previews.
Tip: Click any color to copy its HEX code. All 148 CSS named colors are searchable.
💡 Definition
CSS Named Colors
- CSS defines 148 named colors that can be used directly in code — like 'tomato', 'cornflowerblue', or 'rebeccapurple'.
- Each has an exact HEX and RGB equivalent.
- They're useful for quick prototyping and readable code.
📖 How to use
Step by Step
- Type a color name (e.g. 'coral') to find its HEX
- Or type a HEX code to find the closest named color
- Click any result card to copy the HEX value
- The preview bar shows the currently selected color
🎯 Use cases
When to use
- Quick CSS prototyping with readable color names
- Finding the name of a known HEX color
- Learning CSS color names for interviews
- Design documentation with human-readable colors
Frequently Asked Questions
How many CSS named colors are there?▾
There are 148 named colors in CSS, ranging from basic ('red', 'blue') to specific ('papayawhip', 'rebeccapurple'). All modern browsers support them.
What is rebeccapurple?▾
rebeccapurple (#663399) was added to CSS in 2014 in honor of Rebecca Meyer, daughter of CSS expert Eric Meyer, who passed away at age 6.