RGB naar HSL-kleurconversie

Voer de kleurniveaus rood, groen en blauw in (0..255) en druk op de knop Converteren :

Voer rode kleur in (R):
Voer groene kleur in (G):
Voer blauwe kleur in (B):
Tint (H):	°
Verzadiging (S):	%
Lichtheid (L):	%
Kleurvoorbeeld:

HSL naar RGB conversie ►

RGB naar HSL-conversieformule

De R , G , B waarden worden gedeeld door 255 om het bereik te wijzigen van 0..255 in 0..1:

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Tint berekening:

 

Verzadigingsberekening:

 

Lichtheidsberekening:

L = (Cmax + Cmin) / 2

RGB naar HSL kleurentabel

Kleur	Kleur naam	Hex	(R,G,B)	(H,S,L)
	Zwart	#000000	(0,0,0)	(0°,0%,0%)
	Wit	#FFFFFF	(255.255.255)	(0°,0%,100%)
	Rood	#FF0000	(255,0,0)	(0°,100%,50%)
	Limoen	#00FF00	(0,255,0)	(120°,100%,50%)
	Blauw	#0000FF	(0,0,255)	(240°,100%,50%)
	Geel	#FFFF00	(255.255.0)	(60°,100%,50%)
	Cyaan	#00FFFF	(0.255.255)	(180°,100%,50%)
	Magenta	#FF00FF	(255,0,255)	(300°,100%,50%)
	Zilver	#BFBFBF	(191.191.191)	(0°,0%,75%)
	Grijs	#808080	(128,128,128)	(0°,0%,50%)
	Kastanjebruin	#800000	(128,0,0)	(0°,100%,25%)
	Olijf	#808000	(128.128.0)	(60°,100%,25%)
	Groente	#008000	(0,128,0)	(120°,100%,25%)
	Paars	#800080	(128,0,128)	(300°,100%,25%)
	Wintertaling	#008080	(0.128.128)	(180°,100%,25%)
	Marine	#000080	(0,0,128)	(240°,100%,25%)

 

HSL naar RGB conversie ►

 

---

Zie ook

• Hoe RGB naar hex te converteren
• Hex naar RGB-converter
• HSL naar RGB-converter

Functies van RGB naar HSL Color Converter Tool

1. Converteer RGB-waarden naar HSL-waarden: met de tool kunnen gebruikers RGB-waarden invoeren (rood, groen, blauw) en deze converteren naar de overeenkomstige HSL-waarden (tint, verzadiging, lichtheid).

2. Converteer HSL-waarden naar RGB-waarden: met de tool kunnen gebruikers ook HSL-waarden invoeren en deze converteren naar de overeenkomstige RGB-waarden.

3. Aangepaste kleurinvoer: gebruikers kunnen hun eigen RGB- of HSL-waarden invoeren om naar het andere formaat te converteren.

4. Kleurkiezer: sommige RGB naar HSL-kleurconversietools kunnen een kleurkiezerfunctie bevatten, waarmee gebruikers een kleur kunnen selecteren uit een visueel palet of door schuifregelaars aan te passen voor de RGB- of HSL-waarden.

5. Voorbeeld van resulterende kleur: de tool zou na de conversie een voorbeeld van de resulterende kleur moeten weergeven, zodat gebruikers kunnen zien hoe de kleur eruitziet.

6. Conversie van meerdere kleuren: met sommige tools kunnen gebruikers meerdere kleuren tegelijk converteren, hetzij door meerdere reeksen waarden in te voeren, hetzij door een kleurstaal of -palet te gebruiken.

7. Kleurenbibliotheek of -palet: Sommige tools bevatten een bibliotheek of palet met vooraf gedefinieerde kleuren waaruit gebruikers kunnen kiezen of die ze als referentie kunnen gebruiken.

8. Responsief ontwerp: de tool moet responsief zijn en goed werken op verschillende apparaten, zoals desktopcomputers, tablets en smartphones.

9. HSL-kleurruimtevisualisatie: sommige tools bevatten mogelijk een visualisatie van de HSL-kleurruimte, die gebruikers kan helpen begrijpen hoe verschillende HSL-waarden overeenkomen met verschillende kleuren.

10. Optie om HSL-waarden aan te passen als percentages of graden: met sommige tools kunnen gebruikers HSL-waarden invoeren als percentages of graden, afhankelijk van hun voorkeur.