RGB to HSL Converter
Convert RGB colors to HSL 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 RGB colors directly to HSL while preserving the represented sRGB color and alpha where the target syntax supports it. This page starts with RGB input and places the HSL result first.
How it works
Enter RGB such as rgb(92 204 127). The shared browser engine validates the channels, converts through one canonical color model, and updates the focused HSL value, preview, contrast, and additional developer formats instantly.
Examples and uses
Use RGB to HSL 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
RGB channels may use 0–255 numbers or percentages, with modern or comma syntax. HSL hue wraps around 360 degrees, while saturation and lightness require percentages.
Reverse conversion
Need the opposite direction? Use the linked HSL to RGB converter. Swapping keeps the URL, heading, initial input, and primary result aligned with that intent.