RGB naar HSL Converter
Converteer RGB naar HSL terwijl je typt — gratis, direct, met een uitgewerkt voorbeeld en een tabel met veelvoorkomende kleuren.
Typ een RGB-waarde en lees de HSL-waarde eronder af, of kies een kleur met de kleurenkiezer.
Uitgewerkt voorbeeld
RGB 255, 87, 51 = HSL 11, 100%, 60%
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 RGB en HSL
| Kleur | RGB | HSL |
|---|---|---|
| Rood | 255, 0, 0 | 0, 100%, 50% |
| Oranje | 255, 165, 0 | 39, 100%, 50% |
| Geel | 255, 255, 0 | 60, 100%, 50% |
| Groen | 0, 128, 0 | 120, 100%, 25% |
| Cyaan | 0, 255, 255 | 180, 100%, 50% |
| Blauw | 0, 0, 255 | 240, 100%, 50% |
| Paars | 128, 0, 128 | 300, 100%, 25% |
| Roze | 255, 192, 203 | 350, 100%, 88% |
| Bruin | 165, 42, 42 | 0, 59%, 41% |
| Wit | 255, 255, 255 | 0, 0%, 100% |
| Grijs | 128, 128, 128 | 0, 0%, 50% |
| 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 RGB naar HSL?
Typ of plak je RGB-waarde hierboven — de HSL-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.