Color Name to HEX Converter

Convert CSS color names to HEX, RGB, and HSL codes. All 147 HTML/CSS named colors with live preview. Free, instant.

Type a color name

HEX

—

RGB

—

HSL

—

Color Name

—

About Color Name to HEX Converter

Look up any CSS named color and instantly see its HEX, RGB, and HSL values — or go the other way and find the closest named color from any HEX code. All 147 standard HTML/CSS named colors included.

147 Named Colors

Complete CSS named color palette from aliceblue to yellowgreen. Searchable by name or browse the full list.

HEX → Name Reverse

Paste any HEX code and find the closest matching CSS named color. Handles both # prefixed and bare hex values.

RGB + HSL Conversion

See the RGB (r,g,b) and HSL (hue, saturation, lightness) values computed instantly from every color you look up.

Color Preview

Live color swatch updates as you type. See the actual color before using it in your project. Copy values with one click.

How It Works

Choose your mode — Switch between "Color Name → HEX" to look up a named color, or "HEX → Color Name" to find which CSS color matches a hex code.

Type or paste your value — Start typing a color name (e.g., "tomato") or paste a HEX code (e.g., "#FF6347"). Results update instantly as you type.

Read the values — The color swatch shows the actual color. HEX, RGB, and HSL values are displayed side by side. Click Copy to grab any value.

📋 Common Use Cases

Cross-Media Design

Convert print colors (CMYK) to screen colors (RGB/Hex) when adapting brand assets from physical to digital media.

CSS & Web Development

Transform colors between hex, RGB, and HSL formats for use in stylesheets, design tokens, and component libraries.

Brand Consistency

Ensure color accuracy when translating brand palettes between different design tools that require specific color formats.

Accessibility Testing

Convert colors to analyzable formats for contrast checking and WCAG compliance verification.

🪜 How to Use This Tool

Enter your source color
Input the color value in the source format — hex code, RGB values, CMYK percentages, or HSL parameters.

Select the target format
Choose your desired output format. Most converters show a live color preview swatch alongside the converted values.

View and copy the converted color
The converted color appears instantly. Copy individual values or the complete output string for your project.

Use in your project
Paste the converted color directly into your CSS, design tool, or print specification. Verify the preview matches your expectations.

Frequently Asked Questions

Are these converters free?▼

Yes. All converters are completely free. No signup needed.

How accurate is the unit converter?▼

It uses standard conversion factors for length, mass, temperature, area, volume, and speed. Results are precise to 6 decimal places.