Free Color Name to HEX

You remember the name — 'steelblue', 'tomato', 'rebeccapurple' — but your stylesheet needs the HEX code. This lookup tool turns any of the 148 standard CSS color names into its exact HEX value the moment you type it, with a preview swatch confirming the shade. It is a pocket reference for the entire CSS named-color palette, built for speed.

Private by design. This tool runs 100% in your browser — nothing is uploaded to any server.

How to Use the Color Name to HEX

  1. Type a CSS color name like "teal" or "coral" into the field.
  2. The HEX code appears instantly with a preview swatch.
  3. Copy the HEX code with one click.
  4. Try partial names to browse similar colors in the list.

Features

The tool covers the full set of 148 CSS named colors, from classics like red and navy to modern additions like rebeccapurple. Results appear as you type, each with a live swatch so you can confirm the shade visually. Matching is case-insensitive, and every result carries a one-click copy button for the HEX code.

Benefits & Use Cases

Developers convert named colors in legacy code to HEX for consistency. Students learning CSS explore the named palette interactively instead of memorizing a table. Designers quickly check what 'darkslategray' actually looks like before using it. Bloggers writing tutorials grab exact codes for named colors they mention.

Tips

Color names are case-insensitive, so 'Teal', 'TEAL', and 'teal' all work. If you only remember part of a name, type it and scan the matches — 'blue' alone surfaces a whole family. For design work, prefer HEX codes in production code: names are handy for humans, but HEX is unambiguous everywhere.

Frequently Asked Questions

How many color names does the tool know?

All 148 standard CSS named colors, from aqua to yellowgreen, including modern additions like rebeccapurple.

Is the lookup case-sensitive?

No. You can type names in any capitalization — "Teal", "TEAL", and "teal" all return #008080.

What is the HEX code for teal?

Teal is #008080. Type any name into the tool to get its code instantly with a preview.

Can I search by part of a name?

Yes. Typing a fragment like "blue" shows every named color containing it, which is handy for browsing.

Is the color name to HEX tool free?

Yes. It is completely free with no sign-up and no limits.

Related Tools

HEX to Color Name

Paste any HEX code and find the closest CSS color name instantly. Free HEX to color name tool with preview — no sign-up required.

Open tool →

Color Picker

Pick any color visually and instantly get HEX, RGB & HSL codes. NToolHub's free color picker with one-click copy — no sign-up needed.

Open tool →

Color Converter

Convert colors between HEX, RGB and HSL instantly with live preview. Free color converter with one-click copy — no sign-up required.

Open tool →

Random Color Generator

Generate random colors with one click and copy their HEX codes. Free random color generator for inspiration — no sign-up needed.

Open tool →