HSL naar RGB Converter
Converteer HSL naar RGB terwijl je typt — gratis, direct, met een uitgewerkt voorbeeld en een tabel met veelvoorkomende kleuren.
Typ een HSL-waarde en lees de RGB-waarde eronder af, of kies een kleur met de kleurenkiezer.
Uitgewerkt voorbeeld
HSL 11, 100%, 60% = RGB 255, 87, 51
Hoe de conversie werkt
- HSL beschrijft dezelfde kleur op basis van tint (hue, 0–360° op de kleurencirkel), verzadiging (saturation) en lichtheid (lightness) — handig om een kleur donkerder of minder verzadigd te maken door slechts één waarde aan te passen.
Veelvoorkomende kleuren in HSL en RGB
| Kleur | HSL | RGB |
|---|---|---|
| Rood | 0, 100%, 50% | 255, 0, 0 |
| Oranje | 39, 100%, 50% | 255, 165, 0 |
| Geel | 60, 100%, 50% | 255, 255, 0 |
| Groen | 120, 100%, 25% | 0, 128, 0 |
| Cyaan | 180, 100%, 50% | 0, 255, 255 |
| Blauw | 240, 100%, 50% | 0, 0, 255 |
| Paars | 300, 100%, 25% | 128, 0, 128 |
| Roze | 350, 100%, 88% | 255, 192, 203 |
| Bruin | 0, 59%, 41% | 165, 42, 42 |
| Wit | 0, 0%, 100% | 255, 255, 255 |
| Grijs | 0, 0%, 50% | 128, 128, 128 |
| Zwart | 0, 0%, 0% | 0, 0, 0 |
Elke conversie wordt in je browser uitgevoerd. Niets van wat je invoert, wordt geüpload naar BroBroGo.
Veelgestelde vragen
Hoe converteer ik HSL naar RGB?
Typ of plak je HSL-waarde hierboven — de RGB-waarde wordt direct bijgewerkt tijdens het typen. Je kunt de kleur ook visueel selecteren met de kleurenkiezer.
Is de conversie exact?
Waarden worden afgerond op hele getallen, zoals CSS en ontwerptools dat verwachten. Het verschil is veel te klein om met het blote oog te kunnen waarnemen.