AK
appkiro.comEnter 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.
Convert HSL into the nearest CSS named color. 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.
Giving a tuned CSS color a readable label for documentation, tickets, or palette notes.
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.
Will the name be exact?
Only if the HSL value lands exactly on a named CSS color. Otherwise the nearest name is returned.