Color Name to HEX Converter

Type a CSS color name (e.g. tomato or cornflowerblue) to get its HEX and RGB values.

How to use

  1. Enter your values in the fields above.
  2. Press Calculate to see your result instantly.
  3. Use the Share button to copy a link to your result.

About this calculator

The CSS Color Module defines 147 standard named colors — from common ones like tomato to obscure ones like papayawhip and rebeccapurple — each mapped to a fixed hexadecimal RGB value that every browser renders identically. Because these names are just aliases for specific hex codes, converting one to the other is a straightforward lookup rather than a calculation.

This converter takes a CSS color name and returns its HEX and RGB equivalents, so you can drop the exact value into a design tool, a brand style guide, or code that doesn't accept named colors (such as SVG fill attributes in some contexts, or non-CSS graphics libraries). Front-end developers and designers use it when translating a mockup's named colors into CSS custom properties or a canvas/SVG drawing API that expects hex or RGB input.

Was this helpful?

Comments (0)

  • Be the first to comment.

Popular calculators

All Calculators