CSS Color Name Lookup
Look up official W3C named CSS colors (e.g. rebeccapurple, crimson).
Color Shades & Tints Generator
About CSS Color Name Lookup
The Complete Named CSS Colors Reference & Nearest Match Finder indexes all 148 standardized CSS named colors (from `aliceblue` to `yellowgreen`), providing instant search, hex conversions, and nearest-named-color matching for arbitrary hex codes.
How to Use CSS Color Name Lookup
Step 1
Search for any CSS color name (e.g. `rebeccapurple`, `cornflowerblue`) or paste a hex code.
Step 2
Inspect matching swatches, hex codes, RGB, and HSL values.
Step 3
Click any color row to copy its CSS name.
Practical Use Cases for CSS Color Name Lookup
Finding the Nearest Named CSS Color
Enter any custom brand hex code (e.g. `#4F46E5`) to find its closest human-readable CSS named color equivalent (e.g. `slateblue`).
CSS Named Color Cheat Sheet & Exploration
Browse, filter, and search the official W3C / CSS Color Module Level 4 named colors table with interactive color swatches.
Input & Output Examples
Finding Nearest CSS Color for #E11D48
Custom Color: #E11D48
Nearest CSS Named Color: `crimson` (#DC143C | Delta E: 2.1 | Distance: Near Match)
Key Features & Performance
- ✓Full searchable database of all 148 W3C CSS Color Level 4 named colors.
- ✓Nearest CSS Color Matcher: calculates Euclidean and CIEDE2000 color distance to find the closest named color.
- ✓Sort by Hue, Lightness, Saturation, or Alphabetical Name.
- ✓100% Client-Side lookup.
- ✓1-Click Copy CSS color name or hex code.
Key Terminology & Definitions
W3C CSS Named Colors
A standardized set of 148 keyword names (originating from X11 color names) recognized by all web browsers without requiring hex codes.
`rebeccapurple` (#663399)
A named CSS color added to the CSS specification in 2014 to honor the memory of web pioneer Eric Meyer's daughter Rebecca.