ToolPuma Logo

Color Name to HEX

Convert CSS color names like tomato into hex codes.

What Is a Color Name to HEX?

The Color Name to HEX converter maps CSS color names like tomato, rebeccapurple, and teal to their exact hex codes. When you know a color's shared name but need its code, this tool finds it instantly and shows a live swatch. This free online converter is also useful when you are searching for CSS color name to HEX, named colors. It is designed to give a clear result quickly, without requiring a separate desktop application or manual conversion formula. Common use cases include CSS, web themes, documentation and design systems. For important technical, engineering, financial, medical, or production decisions, always confirm the applicable standard and precision requirements.

How to Use This Color Name to HEX

  1. 1
    Enter the source colorPaste the color value or named color in the supported input format.
  2. 2
    Check the input valuesMake sure channels, percentages, or hexadecimal digits are valid for the selected color model.
  3. 3
    View the converted colorThe tool calculates the equivalent representation instantly and shows the resulting color.
  4. 4
    Compare the formatsUse the displayed HEX, RGB, HSL, CMYK, or other available value to confirm it fits your workflow.
  5. 5
    Copy the resultPaste the generated color value into CSS, a design system, graphics software, documentation, or development code.

Frequently Asked Questions

They are the 148 predefined color keywords browsers support, like rebeccapurple, tomato, and gold.
The CSS color tomato is #ff6347.
The built-in names are opaque; for transparency you can adjust the hex manually or use alpha hex.
The standard CSS color rebeccapurple is #663399.