Color Name Lookup: 140 CSS Colors
Look up CSS color names — find the closest named color to any HEX or RGB value.
Published:
Tags: CSS color names, color name finder, named color lookup
Color Name Lookup: 140 CSS Colors CSS has 140 named colors. A color name lookup tool lets you search by name to find the hex value, or input a hex/RGB value to find the closest named color match. According to the CSS Color Level 4 specification, CSS defines exactly 140 named colors. For a full overview of color utilities, see the Color Tools for Designers and Developers guide. --- What is the complete css named color system? CSS named colors originated in the X11 window system color list and were standardized in CSS Color Level 3. They fall into several groups: Basic Colors (CSS1 — 17 colors) The original 17 colors defined in CSS1. These are universally known and safe to use in any context: , , , , , , , , , , , , , , , , Extended Colors (CSS3 — 130+ colors) The extended set added in CSS3…
Frequently Asked Questions
What are CSS named colors?
CSS named colors are 140 predefined color keywords that browsers recognize as valid color values. Instead of writing `#6495ED`, you can write `cornflowerblue`. They cover a range from basic names like `red` and `white` to specific names like `mediumaquamarine` and `papayawhip`. The full list is defined in the CSS Color Level 4 specification.
How many named colors does CSS have?
CSS has exactly 140 named colors as of the CSS Color Level 4 specification. This includes the 17 basic colors from CSS1, the 130+ extended colors added in CSS3 (based on the X11 color list), plus the special keyword `transparent`. The list has not changed since CSS3.
What color is cornflowerblue in hex?
Cornflowerblue is `#6495ED` in hex, which is `rgb(100, 149, 237)`. It sits in the medium blue range with relatively high lightness — a soft, muted blue rather than a vivid one. It's one of the more commonly used named colors for UI secondary elements.
How do I find the closest named color to a hex code?
Convert your hex to RGB, then calculate the Euclidean distance in RGB space to every named color's RGB value. The named color with the smallest distance is the closest match. A color name lookup tool automates this and returns the nearest named color, its hex value, and the RGB distance from your input.
What is the difference between gray and grey in CSS?
Both spellings are valid CSS keywords and refer to the same color (`#808080`). CSS accepts both `gray` and `grey` as synonyms throughout its named color list — this applies to `darkgray`/`darkgrey`, `lightgray`/`lightgrey`, `darkslategray`/`darkslategrey`, and others. The duplication dates to the original X11 color list which included both spellings.
All articles · theproductguy.in