Web Tools
Color Name Lookup
Find the nearest CSS named color for any hex or RGB value. Searches all 148 CSS named colors using Euclidean RGB distance. Shows top matches with color swatches, distance values, and exact match detection. Runs entirely in your browser — your data never leaves your machine.
color css named lookup hex rgb nearest match
Published May 29, 2026
All interactive tools run entirely in your browser. Your data never leaves your device.
How It Works
Enter any color as hex (#ff5733), RGB (rgb(255, 87, 51)), or plain values and find the closest CSS named color. Uses Euclidean distance in RGB color space to rank all 148 CSS named colors by similarity.
Features
- 148 CSS named colors: complete CSS Colors Level 4 specification
- Multiple input formats:
#RGB,#RRGGBB,rgb(r,g,b), plainr,g,b, bare hex - Top-N results: show 3, 5, 10, or 20 nearest matches
- Visual swatches: color preview for input and all matches
- Distance metric: Euclidean RGB distance for each match
- Exact match detection: highlights when input matches a named color exactly
- Copy results: one-click copy of match list
- 5 examples: warm orange, green, purple, black (exact), near-white
- Private: runs entirely in the browser — no data transmitted
Use Cases
- Finding the CSS named color closest to a design color
- Replacing hex values with readable color names
- Exploring the CSS named color palette
- Verifying if a color has an exact CSS name
- Learning CSS color names by visual similarity