ToolKitSphereCSS Named Color to HEX / RGB / HSL Lookup
Lookup standard W3C CSS named colors and convert them to HEX, RGB, and HSL.
Output will appear here
Click in the output to select all text
Related tools
Color Name Finder & Closest Match
Find the closest matching human-readable color name for any HEX or RGB color.
HEX to RGB Converter
Convert HEX color codes (#RRGGBB, #RGB) to RGB / RGBA values.
HEX to HSL Converter
Convert HEX color codes to Hue, Saturation, and Lightness (HSL).
All-in-One Color Value Converter
Convert simultaneously across HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, and HWB formats.
HEX Code Validator & Normalizer
Validate 3, 6, and 8-digit HEX color codes and normalize formatting.
AI Color Descriptor & Mood Generator
Generate creative descriptive names, moods, and usage suggestions for any color.
This tool looks up any of the 140+ standard W3C CSS named colors, from common ones like 'tomato' and 'skyblue' to lesser-known keywords like 'papayawhip', and instantly shows you the exact HEX, RGB, and HSL values behind each name. It's built for front-end developers who see a color keyword in CSS and need its precise numeric value, and for designers referencing the official named color palette when documenting a design system. Search or select a name from the list and the tool immediately displays its full set of equivalent values along with a color swatch, so you can copy whichever format you need. All lookups happen locally in your browser using a static reference table, meaning nothing is ever sent to a server and the tool works instantly with no delay. Because these are the exact keywords defined in the CSS Color Module specification, the values shown are always spec-accurate, not approximations. Browse or search the list below to find your color.
Features
- Complete list of all standard W3C/CSS named colors
- Instant HEX, RGB, and HSL values for each name
- Search-as-you-type filtering across all color names
- Live swatch preview for every named color
- One-click copy for any of the three output formats
- Spec-accurate values matching the CSS Color Module
- Works entirely offline once the page has loaded
- Alphabetical browsing alongside search
Why use this named css color to hex / rgb / hsl?
- Instant lookups with no waiting or loading spinners
- Fully client-side so there's nothing to upload or sync
- Spec-accurate values straight from the CSS standard
- Simple searchable list that's easy to browse
- Completely free reference with no signup required
Frequently asked questions
How many named colors does CSS support?
The CSS Color Module defines 148 standard named color keywords, including classics like 'red' and 'blue' plus extended names like 'mediumseagreen'.
What is the hex code for 'tomato'?
The CSS named color 'tomato' equals #ff6347.
Can I use named colors and hex interchangeably in CSS?
Yes, named colors are simply aliases for specific hex/RGB values, so 'red' and '#ff0000' render identically in any browser.
Is 'transparent' a named color?
Yes, 'transparent' is a special CSS keyword equal to rgba(0,0,0,0), fully see-through regardless of its underlying RGB.
Why use a named color instead of hex in code?
Named colors can make CSS more readable for common colors, though most production code favors hex or custom properties for design consistency.
Are named colors case-sensitive?
No, CSS color keywords are not case-sensitive, so 'Tomato' and 'tomato' are treated identically.