AK
appkiro.comEnter Color name Values
Input or choose Color name values
See Results
View HSL and other formats
Copy or Use
Copy, save, or reuse your color
Choose a color visually, use sliders, or paste a value.
Quick Presets
hsl(9, 100%, 64%)
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 a CSS named color into HSL. 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.
Starting from a readable color name, then tuning saturation or lightness in CSS.
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.
Can I use spaces in names?
Yes. Names are matched case-insensitively after whitespace is removed.