Loading…

How to use Color Names Ref

Scroll or search the palette to find a CSS color by name, preview its swatch, and copy its HEX or RGB value to drop straight into your stylesheet.

Frequently asked questions

How many CSS named colors are there?

There are around 140 standard named colors defined by CSS, from basics like red and blue to shades like rebeccapurple and darkslategray.

Are named colors reliable across browsers?

Yes — the standard named colors map to fixed HEX values and render consistently in all modern browsers.

Should I use names or hex codes?

Names are readable for prototyping, but hex or custom properties give precise, maintainable control in production stylesheets.

More Developer Tools

Lorem Ipsum Advanced
Words/sentences/paragraphs generator.
Hash Generator Advanced
MD5/SHA1/SHA256/SHA512 side-by-side.
Color Gradient CSS
Linear/radial/conic gradient generator.
Box Shadow Generator
Live CSS box-shadow preview.
Text Shadow Generator
Live CSS text-shadow preview.
Border Radius Generator
Independent corner radius controls.
Flexbox Generator
Visual flex layout + CSS code.
Grid Generator
Visual grid layout + CSS code.
Animation Generator
Generate keyframes with preview.
Meta Tags Advanced
SEO + OG + Twitter meta generator.
Slugify
Convert any text into a clean URL slug — strips accents, lowercases and joins words with a custom separator.
Case Converter (Dev)
Convert identifiers between camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, Title and Sentence case.

← View all Developer ToolsBrowse all 1,100+ tools →