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.
Map a hex color back to the closest CSS named color. Useful for giving readable names to brand colors, writing code that benefits from semantic colour identifiers, or matching design tokens to standard names.
Translate a marketing hex code into a friendly word for tickets, documentation, or accessibility narration. Colortone here means CSS named color (such as "tomato", "rebeccapurple", "navy"). When converting to Colortone the closest CSS name by Euclidean RGB distance is returned.
The closest match is rarely an exact hit — check the visual contrast before substituting one for the other in production styles.
Looking for more notations? Try the Color Converter for HEX, RGB, HSL, LAB, OKLAB, and OKLCH; or Color Contrast Checker to validate your foreground/background combinations.
Why is the result not exactly my hex?
Only ~140 named colors exist. The tool finds the closest by RGB distance.
Can I round-trip?
Type the named color back to recover its canonical hex value.