HSL to RGB Converter
Convert HSL colors to RGB instantly
HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3, and CSS names
Everything is processed locally in your browser.
CSS HEX uses RRGGBBAA; Android and Flutter use AARRGGBB.
Converted colors will appear here.
Overview
Convert HSL colors directly to RGB while preserving the represented sRGB color and alpha where the target syntax supports it. This page starts with HSL input and places the RGB result first.
How it works
Enter HSL such as hsl(139 52% 58%). The shared browser engine validates the channels, converts through one canonical color model, and updates the focused RGB value, preview, contrast, and additional developer formats instantly.
Examples and uses
Use HSL to RGB conversion when moving colors between CSS, design handoffs, application code, or print-oriented specifications. Copy the focused result without uploading the color value.
Edge cases and limitations
HSL hue wraps around 360 degrees, while saturation and lightness require percentages. RGB channels may use 0–255 numbers or percentages, with modern or comma syntax.
Reverse conversion
Need the opposite direction? Use the linked RGB to HSL converter. Swapping keeps the URL, heading, initial input, and primary result aligned with that intent.