AK
appkiro.comEnter HSL Values
Input or choose HSL values
See Results
View RGB and other formats
Copy or Use
Copy, save, or reuse your color
Choose a color visually, use sliders, or paste a value.
Quick Presets
rgb(255, 99, 71)
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.
Many graphics APIs, shaders, and canvas calls require RGB integers rather than CSS hsl() strings. Enter your HSL values and read off the matching red, green, and blue channels. The conversion is exact in the sRGB sense and clamps results into 0 to 255.
When saturation is zero the hue has no visible effect; the resulting RGB triple will simply be three identical channels mirroring the lightness percentage.
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.
Hue has no visible effect when saturation is zero; the output is three equal channels driven entirely by lightness.
Yes. Saturation and lightness are clamped into 0 to 100 before conversion and the resulting RGB channels are clamped into 0 to 255.
Yes. Both hsl(120, 50%, 40%) and 120, 50, 40 forms parse identically.