CSS Color Converter-- Named Colors to HEX/RGB

Convert CSS named colors to HEX, RGB, and HSL formats. Browse all 148 CSS color names.

CSS Color Name

Enter a CSS color name and click Convert

Why Use Our CSS Color Converter?

148 Colors

All CSS named colors with instant lookup and conversion.

3 Formats

Get HEX, RGB, and HSL values for any CSS color name.

Auto-Suggest

Type to filter and browse matching color names instantly.

One-Click Copy

Copy any format value to your clipboard with one click.

100% Private

All conversions in your browser. No server requests.

Free Forever

No signup, no limits. Free CSS color conversion.

Other Color Tools

Color Picker

Pick colors visually

HEX to RGB

Convert HEX to RGB

RGB to HEX

Convert RGB to HEX

HSL Converter

Convert HSL colors

Palette Generator

Generate color palettes

Contrast Checker

Check WCAG contrast

Gradient Generator

Create CSS gradients

Shade & Tint

Generate shades & tints

Color Blender

Blend two colors

Complementary Finder

Find complementary colors

Colorblind Sim

Simulate color blindness

Random Color

Generate random colors

Color Name Lookup

Find color names

Complete CSS Color Names Guide

CSS named colors are 148 predefined color keywords recognized by all modern browsers. Instead of writing color: #6495ed, you can write color: cornflowerblue for more readable CSS code.

The named colors originate from various sources: the original 16 HTML colors (like red, blue, green), the X11 color set (like cornflowerblue, salmon, tomato), and newer additions like rebeccapurple. All are defined in the CSS Color Level 4 specification.

While named colors improve code readability during development, they limit your palette to exactly 148 options. For production, many developers convert to HEX or RGB for precise control and broader color choices.

Warm Colors

coral, salmon, tomato, orangered, crimson, firebrick, indianred, hotpink, deeppink, gold

Cool Colors

cornflowerblue, dodgerblue, steelblue, royalblue, teal, cadetblue, mediumaquamarine, turquoise

Earth Tones

sienna, peru, chocolate, saddlebrown, burlywood, tan, wheat, sandybrown, rosybrown, khaki

Purples & Violets

rebeccapurple, mediumpurple, darkorchid, blueviolet, mediumslateblue, plum, orchid, violet

CSS supports multiple color formats, each with different strengths. Named colors are the most readable but limited to 148 options. HEX (#RRGGBB) is compact and widely used in design tools.

RGB (rgb(R, G, B)) maps directly to screen pixel values and supports an alpha channel via rgba(). HSL (hsl(H, S%, L%)) is the most intuitive for human understanding, making it easy to adjust hue, saturation, and lightness independently.

Modern CSS also supports oklch() and oklab() for perceptually uniform color manipulation, but HEX and RGB remain the most widely used formats across browsers, tools, and design systems.

How many CSS named colors are there?

There are 148 named CSS colors defined in the CSS Color Level 4 specification. These range from basic names like 'red' and 'blue' to more specific names like 'cornflowerblue' and 'rebeccapurple'.

What is the CSS color 'rebeccapurple'?

rebeccapurple (#663399) was added to the CSS specification in 2014 as a tribute to Rebecca Meyer, the daughter of CSS pioneer Eric Meyer, who passed away at age six. It is the newest addition to the CSS named colors.

Can I convert any color name to HEX?

You can convert any of the 148 standard CSS color names. If you enter a name not in the specification, the tool will display an error. Use the suggestion list to find valid color names.

Are CSS color names case-sensitive?

No, CSS color names are case-insensitive. 'CornflowerBlue', 'cornflowerblue', and 'CORNFLOWERBLUE' all refer to the same color (#6495ed).

What output formats are provided?

The tool converts to three formats: HEX (#RRGGBB), RGB (rgb(R, G, B)), and HSL (hsl(H, S%, L%)). All can be used directly in CSS.

Should I use color names or HEX in production CSS?

For production, HEX or RGB are generally preferred because they are more precise and universally supported. Color names are great for readability in development but limit you to 148 predefined colors.

How do I find a color name that matches?

Start typing in the input field and the suggestion list will show matching CSS color names. This makes it easy to explore available colors.

Is the conversion done locally?

Yes, all conversions happen entirely in your browser. The CSS color name lookup table is built into the tool.

Can I use CSS color names in JavaScript?

CSS color names work in JavaScript when setting styles via the DOM (element.style.color = 'cornflowerblue'). For Canvas API or programmatic use, you may need to convert to HEX or RGB.

What is the difference between 'gray' and 'grey'?

Both spellings are valid in CSS. 'gray' and 'grey' both map to #808080. Similarly, 'darkgray'/'darkgrey', 'lightgray'/'lightgrey', etc., are both accepted.

CSS Color Converter Tool

Why Use Our CSS Color Converter?

Other Color Tools

Complete CSS Color Names Guide