Enter HSL Values
Input or choose HSL 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.
Pick a tuned HSL color, then read the closest CSS named color underneath it. Useful when you want to give a hue-saturation-lightness triple a readable label for documentation, screenshots, palette notes, or accessibility narration. The match is by Euclidean RGB distance against roughly 140 named tones.
The returned name only matches your HSL exactly when the value already lands on a CSS named color; otherwise the nearest neighbour is reported.
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 when your HSL value already lands on a CSS named color. Otherwise the closest neighbour is returned.
All names are lowercase with whitespace removed before comparison, matching browser behaviour.
Yes. The Other Formats list shows hex alongside the named color so you can confirm the match visually.