CSS Color Name Converter
Map CSS color names to HEX and back.
CSS Color Name Converter maps common CSS named colors to HEX and resolves HEX values back to matching names when an exact hit exists.
How it works
Enter a CSS color name or HEX. Names resolve to HEX; HEX values list exact CSS name matches from the built-in table.
Benefits
- Fast name ↔ HEX lookup
- Covers common CSS Level 3 names
- Local dictionary
- Handy for legacy stylesheets
Use cases
- Modernize named colors to HEX tokens
- Find the name for a known HEX
- Teach CSS color keywords
- Clean up older CSS
Best practices
- Prefer HEX/OKLCH tokens in new systems
- Confirm spelling of multi-word names
- Document renames in PRs
- Watch for gray vs grey aliases
Common mistakes
- Expecting every HEX to have a CSS name
- Assuming names are perceptually evenly spaced
- Mixing deprecated system colors
- Case-sensitive matching—names are normalized to lowercase
Privacy
CSS Color Name Converter processes colors locally in your browser. ToolHub does not receive your inputs unless you enable on-device history.
Frequently asked questions
- How many names are supported?
- A broad CSS Color Module Level 3 subset covering everyday named colors.
- What if HEX has no name?
- The tool reports that no exact CSS name matched.
- Does lookup upload values?
- No. The dictionary ships with the page and runs locally.
- Are gray and grey both supported?
- Use the standard spellings present in the table (for example gray).
- Can I convert to HSL next?
- Copy the HEX into Color Converter for RGB/HSL forms.
Related tools
Color Converter
color
Convert HEX, RGB, and HSL locally with a live swatch.
- hex
- rgb
- hsl
- color
Random Color Generator
color
Generate random HEX colors with crypto randomness.
- color
- palette
- design
Color Mixer
color
Blend two HEX colors with a mix ratio.
- color
- palette
- design
Complementary Color Finder
color
Find complementary and split-complementary colors.
- color
- palette
- design
Gradient Generator
color
Build CSS linear-gradient strings with a live preview.
- color
- palette
- design
HSL Adjuster
color
Tune hue, saturation, and lightness from a base HEX.
- color
- palette
- design