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.

How to Use This Color Name to HEX

  1. 1
    Enter a color nameType something like tomato or search the list below.
  2. 2
    See the hex codeThe matching hex value appears with a color swatch.
  3. 3
    Copy the resultCopy the hex code into your CSS or design tool.

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.

Related Converters Tools

Length Converter

Convert length between metric and imperial units.

Weight Converter

Convert weight and mass between kg, lb, oz and more.

Height Converter

Convert height between centimeters, meters, feet and inches.

Area Converter

Convert area units including m², ha, ft², and acres.

Volume Converter

Convert volume between liters, gallons, cups and more.

Temperature Converter

Convert temperature between Celsius, Fahrenheit and Kelvin.

More Converters Tools

Speed Converter

Convert speed between km/h, mph, knots and m/s.

Time Converter

Convert time units between seconds, minutes, hours and days.

Pressure Converter

Convert pressure between bar, psi, atm, and pascal.

Energy Converter

Convert energy between joules, calories, kWh and BTUs.

Power Converter

Convert power between watts, kilowatts, hp and more.

Frequency Converter

Convert frequency between hertz, kilohertz, RPM and more.