Categories

All tools384Text & String Utilities43JSON & Format Converters62Cryptography & Encoding25Color Tools38Developer Utilities35Image Tools17Calculators & Converters65SEO & Metadata Tools22PDF Tools54Keyboard & Typing Tools22Drawing & Creative Tools1

CSS Named Color to HEX / RGB / HSL Lookup

  1. Tools
  2. /Color Tools
  3. /Named CSS Color to HEX / RGB / HSL
Output

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.

Color nameNamed color
HEXRGBPopular

HEX to RGB Converter

Convert HEX color codes (#RRGGBB, #RGB) to RGB / RGBA values.

Hex to rgbColor converter
HEXHSL

HEX to HSL Converter

Convert HEX color codes to Hue, Saturation, and Lightness (HSL).

Hex to hslColor converter
Featured

All-in-One Color Value Converter

Convert simultaneously across HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, and HWB formats.

HexRgb
#3B82

HEX Code Validator & Normalizer

Validate 3, 6, and 8-digit HEX color codes and normalize formatting.

Validate hexHex normalizer
New

AI Color Descriptor & Mood Generator

Generate creative descriptive names, moods, and usage suggestions for any color.

Color nameColor mood

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.