CSS Named Colors
Browse all 148 CSS named colors with hex codes. Filter by group, search, and click to copy the color name.
About This Tool
CSS defines 148 named colors that can be used anywhere a color value is accepted β in CSS properties, SVG attributes, and HTML color attributes. Named colors are easier to read than hex codes and are universally supported in all modern browsers and CSS preprocessors.
This reference lists all named colors with their hex equivalents, grouped by color family. Click any swatch to copy the CSS color name to your clipboard.
How to Use
- Browse the full grid or filter by color group using the dropdown.
- Search by name (e.g. "blue") or hex code (e.g. "#0000ff").
- Click any swatch to copy the CSS color name (e.g.
cornflowerblue). - Use the name directly in CSS:
color: cornflowerblue;
Use Cases
Frontend developers quickly look up the name for a color they remember visually but can't recall exactly. Designers check which CSS named color is closest to their brand color. Educators use this reference when teaching CSS color syntax. Developers use named colors in quick prototypes and code demos for readability. Writers use descriptive color names in documentation to avoid raw hex codes.
FAQ
- How many CSS named colors are there? β CSS Color Level 4 defines 148 named colors, plus
transparentandcurrentcolor. - Are named colors the same across browsers? β Yes. Named colors are fully standardized and produce identical results in all modern browsers.
- Can I use named colors in SVG? β Yes. SVG accepts the same CSS color names for fill and stroke attributes.
- What is
rebeccapurple? β It was added to CSS in honor of Rebecca Meyer, daughter of CSS advocate Eric Meyer, who passed away in 2014. It is#663399.