DocomintConvertisseur RGB vers HSL
Convertissez des valeurs RGB en HSL (teinte, saturation, luminosité) instantanément.
What is a Convertisseur RGB vers HSL?
RGB is how a screen actually renders color, but it's a clumsy format for reasoning about "make this 10% lighter" or "same color, less saturated" — every channel has to change together. HSL separates those concerns into hue (the color itself), saturation (how vivid), and lightness (how close to black or white), which is why most design-token systems and CSS color-mix() workflows are built around it instead of raw RGB.
How to use the Convertisseur RGB vers HSL
- Drag the R, G, and B sliders to your starting values
- The RGB cube is converted to hue/saturation/lightness on your device
- Copy the hsl() string or individual H/S/L numbers
Example
RGB(79, 70, 229) — a saturated indigo — converts to hsl(243°, 75%, 59%): once you have that, dropping the lightness to 30% for a hover state is a one-number change instead of recalculating three RGB channels by hand.
Frequently asked questions
What does HSL stand for?
Hue, Saturation, Lightness — hue is the base color (0–360° around a color wheel), saturation is how vivid vs. gray it is, and lightness is how close it sits to black or white.
Why use HSL instead of RGB?
HSL separates "which color" (hue) from "how vivid" (saturation) and "how light or dark" (lightness), so common design tweaks — a darker hover state, a desaturated disabled state — become a single-number change instead of recalculating three interdependent RGB channels.
Is my color values uploaded anywhere?
No — Convertisseur RGB vers HSL runs entirely in your browser using JavaScript/WebAssembly. Your color values is never sent to a server.