Enter 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.
Convert HSL into RGB channel values for canvas, scripts, and APIs that require numeric red, green, and blue.
Feeding CSS-like color adjustments into systems that only accept RGB values.
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.
What happens to hue for greys?
Greys have no visible hue; the converter keeps the color correct even if hue has no effect.