How many CSS named colors are there?

There are 147 named colors in CSS (including transparent). This includes 140 standard colors from the X11 color set plus 7 additional system colors. All are supported in every modern browser without any prefixes.

How do I use CSS color names in my code?

Use color names directly in CSS properties: color: tomato; background: rebeccapurple; border-color: cornflowerblue; All modern browsers support CSS color names. They're great for quick prototyping and readable code.

Are CSS color names case-sensitive?

No, CSS color names are case-insensitive. "Red", "RED", "red", and "rEd" all work the same. However, lowercase is the convention in CSS for consistency with other property values.

What is rebeccapurple and why is it special?

Rebeccapurple (#663399) was added to CSS in 2014 in memory of Rebecca Meyer, daughter of CSS expert Eric Meyer, who passed away at age 6. It's the only CSS color named after a person and represents the web community's compassion.

Should I use CSS color names or HEX codes?

HEX codes are more precise and commonly used in professional projects. Color names are great for quick prototyping, learning, or when code readability matters. Names like "tomato" or "coral" are more memorable than #FF6347 or #FF7F50.

Why do some CSS colors have two names?

Some colors have aliases for historical reasons. Aqua and cyan are the same (#00FFFF), as are fuchsia and magenta (#FF00FF). Gray and grey both work (#808080). These aliases exist for compatibility with different naming conventions.

What is the difference between gray and grey in CSS?

Both spellings work identically in CSS! Gray is the American spelling, grey is British. Both refer to #808080. CSS also has darkgray/darkgrey, lightgray/lightgrey, dimgray/dimgrey, and slategray/slategrey.

Are CSS named colors web-safe?

Web-safe colors are a legacy concept from 256-color displays. All CSS named colors display correctly on modern devices with millions of colors. You don't need to worry about web-safe colors anymore.

Can I use CSS color names with transparency?

Color names don't support alpha directly. Use rgba() or hex with alpha for transparency: rgba(255, 99, 71, 0.5) for semi-transparent tomato, or #FF634780. The "transparent" keyword is a named color that's fully transparent.

Where do CSS color names come from?

Most come from X11 color names used in Unix systems since the 1980s. They were adopted into HTML 3.2 and later CSS standards. Names like "tomato", "coral", and "salmon" were chosen to be memorable and descriptive.

What are the basic CSS color names?

The 16 basic colors from HTML 3.2: black, white, red, green, blue, yellow, cyan (aqua), magenta (fuchsia), gray, silver, maroon, olive, navy, purple, teal, lime. These have the widest historical support.

How do I find a CSS color name for a specific color?

Use this tool to browse all 147 colors by category (reds, blues, greens, etc.) or search by name. Click any color to see its HEX and RGB values. You can also search by HEX code to find the closest named color.

What CSS colors are good for accessibility?

For accessibility, focus on contrast rather than specific colors. Use our Color Contrast Checker to verify combinations meet WCAG standards (4.5:1 for text). Named colors like "black" on "white" have maximum contrast (21:1).

Can I use CSS color names in JavaScript?

Yes! Set element styles with color names: element.style.color = 'tomato'; Canvas context also accepts color names: ctx.fillStyle = 'cornflowerblue'; They work anywhere CSS colors are accepted.

Is my browsing of CSS colors private?

Yes! This is a static reference tool. All color data is loaded in your browser. No tracking, no server requests when browsing colors. Your color exploration remains completely private.

How many CSS named colors are there?

There are 147 named colors in CSS (including transparent). This includes 140 standard colors from the X11 color set plus 7 additional system colors. All are supported in every modern browser without any prefixes.

How do I use CSS color names in my code?

Use color names directly in CSS properties: color: tomato; background: rebeccapurple; border-color: cornflowerblue; All modern browsers support CSS color names. They're great for quick prototyping and readable code.

Are CSS color names case-sensitive?

No, CSS color names are case-insensitive. "Red", "RED", "red", and "rEd" all work the same. However, lowercase is the convention in CSS for consistency with other property values.

What is rebeccapurple and why is it special?

Rebeccapurple (#663399) was added to CSS in 2014 in memory of Rebecca Meyer, daughter of CSS expert Eric Meyer, who passed away at age 6. It's the only CSS color named after a person and represents the web community's compassion.

Should I use CSS color names or HEX codes?

HEX codes are more precise and commonly used in professional projects. Color names are great for quick prototyping, learning, or when code readability matters. Names like "tomato" or "coral" are more memorable than #FF6347 or #FF7F50.

Why do some CSS colors have two names?

Some colors have aliases for historical reasons. Aqua and cyan are the same (#00FFFF), as are fuchsia and magenta (#FF00FF). Gray and grey both work (#808080). These aliases exist for compatibility with different naming conventions.

What is the difference between gray and grey in CSS?

Both spellings work identically in CSS! Gray is the American spelling, grey is British. Both refer to #808080. CSS also has darkgray/darkgrey, lightgray/lightgrey, dimgray/dimgrey, and slategray/slategrey.

Are CSS named colors web-safe?

Web-safe colors are a legacy concept from 256-color displays. All CSS named colors display correctly on modern devices with millions of colors. You don't need to worry about web-safe colors anymore.

Can I use CSS color names with transparency?

Color names don't support alpha directly. Use rgba() or hex with alpha for transparency: rgba(255, 99, 71, 0.5) for semi-transparent tomato, or #FF634780. The "transparent" keyword is a named color that's fully transparent.

Where do CSS color names come from?

Most come from X11 color names used in Unix systems since the 1980s. They were adopted into HTML 3.2 and later CSS standards. Names like "tomato", "coral", and "salmon" were chosen to be memorable and descriptive.

What are the basic CSS color names?

The 16 basic colors from HTML 3.2: black, white, red, green, blue, yellow, cyan (aqua), magenta (fuchsia), gray, silver, maroon, olive, navy, purple, teal, lime. These have the widest historical support.

How do I find a CSS color name for a specific color?

Use this tool to browse all 147 colors by category (reds, blues, greens, etc.) or search by name. Click any color to see its HEX and RGB values. You can also search by HEX code to find the closest named color.

What CSS colors are good for accessibility?

For accessibility, focus on contrast rather than specific colors. Use our Color Contrast Checker to verify combinations meet WCAG standards (4.5:1 for text). Named colors like "black" on "white" have maximum contrast (21:1).

Can I use CSS color names in JavaScript?

Yes! Set element styles with color names: element.style.color = 'tomato'; Canvas context also accepts color names: ctx.fillStyle = 'cornflowerblue'; They work anywhere CSS colors are accepted.

Is my browsing of CSS colors private?

Yes! This is a static reference tool. All color data is loaded in your browser. No tracking, no server requests when browsing colors. Your color exploration remains completely private.

CSS Color Names Reference

simple

Browse and search all 147 CSS named colors with HEX and RGB values. Complete reference for web developers.

Color Toolscsscolorsnamed colorsreference

100% Private - Runs Locally

How to Use

1Browse colors by category
2Search by name or hex
3Click to copy values
4View HEX and RGB

Examples

Using Color Names in CSS

Input

Search: "coral"

Output

coral: #FF7F50 - rgb(255, 127, 80)

Finding Blues

Input

Category: Blue

Output

25 blue colors from aqua to midnightblue

Search by Hex

Input

Search: "#ff"

Output

All colors starting with #FF (reds, oranges, pinks)

Frequently Asked Questions

Related Tools

View all

Color Picker

Pick colors and convert between HEX, RGB, HSL, HSV, and CMYK formats. Visual color selection with eyedropper tool support.

HEX to RGB Converter

Convert HEX color codes to RGB values instantly. Support for 3-digit and 6-digit HEX codes with transparency.