Conversión de color RGB a HSL

Ingrese los niveles de color rojo, verde y azul (0..255) y presione el botón Convertir :

Introduzca el color rojo (R):
Introduzca el color verde (G):
Introduzca el color azul (B):
Tono (H):	°
Saturación (S):	%
Ligereza (L):	%
Vista previa de color:

Conversión de HSL a RGB ►

Fórmula de conversión de RGB a HSL

Los valores R , G , B se dividen por 255 para cambiar el rango 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álculo de tono:

 

Cálculo de saturación:

 

Cálculo de la luminosidad:

L = (Cmax + Cmin) / 2

Tabla de colores RGB a HSL

Color	Color nombre	Maleficio	(R,G,B)	(A, S, L)
	Negro	#000000	(0,0,0)	(0°,0%,0%)
	Blanco	#FFFFFF	(255,255,255)	(0°,0%,100%)
	Rojo	#FF0000	(255,0,0)	(0°,100%,50%)
	Lima	#00FF00	(0,255,0)	(120°,100%,50%)
	Azul	#0000FF	(0,0,255)	(240°,100%,50%)
	Amarillo	#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%)
	Granate	#800000	(128,0,0)	(0°,100%,25%)
	Aceituna	#808000	(128,128,0)	(60°,100%,25%)
	Verde	#008000	(0,128,0)	(120°,100%,25%)
	Púrpura	#800080	(128,0,128)	(300°,100%,25%)
	verde azulado	#008080	(0,128,128)	(180°,100%,25%)
	Armada	#000080	(0,0,128)	(240°,100%,25%)

 

Conversión de HSL a RGB ►

 

---

Ver también

• Cómo convertir RGB a hexadecimal
• Convertidor hexadecimal a RGB
• Convertidor HSL a RGB

Características de la herramienta de conversión de color RGB a HSL

1. Convertir valores RGB a valores HSL: la herramienta permite a los usuarios ingresar valores RGB (rojo, verde, azul) y los convierte a los valores HSL correspondientes (tono, saturación, luminosidad).

2. Convertir valores HSL a valores RGB: la herramienta también permite a los usuarios ingresar valores HSL y convertirlos a los valores RGB correspondientes.

3. Entrada de color personalizada: los usuarios pueden ingresar sus propios valores RGB o HSL para convertirlos al otro formato.

4. Selector de color: algunas herramientas de conversión de color RGB a HSL pueden incluir una función de selector de color, que permite a los usuarios seleccionar un color de una paleta visual o ajustando los controles deslizantes para los valores RGB o HSL.

5. Vista previa del color resultante: la herramienta debe mostrar una vista previa del color resultante después de la conversión, para que los usuarios puedan ver cómo se ve el color.

6. Conversión de varios colores: algunas herramientas pueden permitir a los usuarios convertir varios colores a la vez, ya sea ingresando varios conjuntos de valores o usando una muestra o paleta de colores.

7. Biblioteca o paleta de colores: algunas herramientas pueden incluir una biblioteca o paleta de colores predefinidos que los usuarios pueden seleccionar o utilizar como referencia.

8. Diseño receptivo: la herramienta debe ser receptiva y funcionar bien en una variedad de dispositivos, como computadoras de escritorio, tabletas y teléfonos inteligentes.

9. Visualización del espacio de color HSL: algunas herramientas pueden incluir una visualización del espacio de color HSL, que puede ayudar a los usuarios a comprender cómo los diferentes valores HSL corresponden a diferentes colores.

10. Opción para ajustar los valores de HSL como porcentajes o grados: algunas herramientas pueden permitir a los usuarios ingresar valores de HSL como porcentajes o grados, según sus preferencias.