Conversión de color RGB a HSL

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

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

Conversión 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 luminosidad:

L = ( Cmáx + Cmín ) / 2

Tabla de colores RGB a HSL

Color Color

nombre

Hex (R, G, B) (H, 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 HSL a RGB ►

 


Ver también

CONVERSION DE COLOR
MESAS RÁPIDAS