Conversió de color RGB a HSL

Introduïu els nivells de color vermell, verd i blau (0..255) i premeu el botó Converteix :

Introduïu el color vermell (R):
Introduïu el color verd (G):
Introduïu el color blau (B):
To (H):	°
Saturació (S):	%
Lleugeresa (L):	%
Vista prèvia del color:

Conversió HSL a RGB ►

Fórmula de conversió RGB a HSL

Els valors R , G , B es divideixen per 255 per canviar l'interval de 0..255 a 0..1:

R' = R/255

G' = G/255

B' = B/255

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

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

Δ = Cmax - Cmin

 

Càlcul de tonalitat:

 

Càlcul de saturació:

 

Càlcul de la lleugeresa:

L = (Cmax + Cmin) / 2

Taula de colors RGB a HSL

Color	Color nom	Hex	(R,G,B)	(H,S,L)
	Negre	#000000	(0,0,0)	(0°,0%,0%)
	Blanc	#FFFFFF	(255.255.255)	(0°, 0%, 100%)
	Vermell	#FF0000	(255,0,0)	(0°, 100%, 50%)
	Lima	#00FF00	(0,255,0)	(120°, 100%, 50%)
	Blau	#0000FF	(0,0,255)	(240°, 100%, 50%)
	Groc	#FFFF00	(255.255,0)	(60°, 100%, 50%)
	Cian	#00FFFF	(0.255.255)	(180°, 100%, 50%)
	Magenta	#FF00FF	(255,0,255)	(300°, 100%, 50%)
	Plata	#BFBFBF	(191.191.191)	(0°, 0%, 75%)
	Gris	#808080	(128.128.128)	(0°, 0%, 50%)
	Granat	#800000	(128,0,0)	(0°, 100%, 25%)
	Oliva	#808000	(128.128.0)	(60°, 100%, 25%)
	Verd	#008000	(0,128,0)	(120°, 100%, 25%)
	Porpra	#800080	(128,0,128)	(300°, 100%, 25%)
	Teal	#008080	(0.128.128)	(180°, 100%, 25%)
	Marina	#000080	(0,0,128)	(240°, 100%, 25%)

 

Conversió HSL a RGB ►

 

---

Vegeu també

• Com convertir RGB a hexadecimal
• Convertidor hexadecimal a RGB
• Convertidor HSL a RGB

Característiques de l'eina de conversió de color RGB a HSL

1. Converteix valors RGB en valors HSL: l'eina permet als usuaris introduir valors RGB (vermell, verd, blau) i els converteix als valors HSL corresponents (tonalitat, saturació, lluminositat).

2. Converteix valors HSL en valors RGB: l'eina també permet als usuaris introduir valors HSL i els converteix als valors RGB corresponents.

3. Entrada de color personalitzada: els usuaris poden introduir els seus propis valors RGB o HSL per convertir-los a l'altre format.

4. Selector de color: algunes eines de conversió de color RGB a HSL poden incloure una funció de selecció de color, que permet als usuaris seleccionar un color d'una paleta visual o ajustant els controls lliscants per als valors RGB o HSL.

5. Vista prèvia del color resultant: l'eina hauria de mostrar una vista prèvia del color resultant després de la conversió, perquè els usuaris puguin veure com és el color.

6. Conversió de diversos colors: algunes eines poden permetre als usuaris convertir diversos colors alhora, ja sigui introduint diversos conjunts de valors o utilitzant una mostra o una paleta de colors.

7. Biblioteca o paleta de colors: algunes eines poden incloure una biblioteca o una paleta de colors predefinits que els usuaris poden seleccionar o utilitzar com a referència.

8. Disseny responsive: l'eina ha de ser sensible i funcionar bé en diversos dispositius, com ara ordinadors de sobretaula, tauletes i telèfons intel·ligents.

9. Visualització de l'espai de color HSL: algunes eines poden incloure una visualització de l'espai de color HSL, que pot ajudar els usuaris a entendre com els diferents valors HSL corresponen a diferents colors.

10. Opció per ajustar els valors HSL com a percentatges o graus: algunes eines poden permetre als usuaris introduir valors HSL com a percentatges o graus, depenent de les seves preferències.