🎨CSS Color Names Reference
All 148 CSS named colors with their HEX codes, searchable. Useful for color inspiration while writing CSS, rapid prototyping, and writing design guides.
🔒 Browser-based✓ No watermark✓ No signup
How to use
- 1Search by color name or HEX.
- 2Click to copy the code.
FAQ
What's the standard?+
CSS Color Module Level 4. Includes both basic (16) and extended (148) named colors.
Name or HEX?+
Both are standard with identical results. 'red' and '#ff0000' are the same. Names for readability; HEX for precision.
What's with 'rebeccapurple'?+
Added to honor Eric Meyer's daughter Rebecca. Officially in the CSS spec.
How do I pick from similar colors?+
Similar names differ subtly — e.g., lightgray(#D3D3D3) vs silver(#C0C0C0). Stick to one palette for design consistency.
Comparison with Tailwind colors?+
Tailwind has its own palette (red-50 to red-900). CSS named colors are universal but lack the gradation needed for full design systems.