Enter HEX Values
Input or choose HEX values
See Results
View Color name and other formats
Copy or Use
Copy, save, or reuse your color
Choose a color visually, use sliders, or paste a value.
Quick Presets
tomato
tomato
PreviewOriginal
rgb(255, 99, 71)
Lighten 20%
rgb(255, 130, 108)
Darken 20%
rgb(204, 79, 57)
Complementary
rgb(71, 227, 255)
Aa
With White Text
Aa
With Black Text
Other Formats
Color Palette
Did you know?
You can pick a color from your screen in browsers that support the EyeDropper API.
Colortone here means a CSS named color such as tomato, navy, or rebeccapurple. The tool parses your hex value and returns the CSS name with the smallest Euclidean RGB distance, which is handy for labelling brand swatches or making code more semantic. Roughly 140 names are available, so the result is rarely an exact match.
Looking up the matching name and then converting that name back to hex will not always yield the input hex; only colors that already coincide with a CSS named color round-trip exactly.
Need more notations? Open the Color Converter for HEX, RGB, HSL, LAB, OKLAB, and OKLCH, or use the Color Contrast Checker to validate foreground/background pairs before shipping.
Only about 140 CSS named colors exist, so the tool returns the closest match by Euclidean RGB distance.
Typing the named color into the colortone-to-hex tool gives you that name's canonical hex, which only matches your input when it already coincides with a named color.
Yes. Names like rebeccapurple are included in the lookup.