Herramienta de conversión RGB a HSL

HSL:
HEX:

Conversión RGB a HSL

La conversión de RGB a HSL implica cambiar el espacio de color. RGB (rojo, verde, azul) son los colores primarios de la luz comúnmente utilizados en imágenes digitales. HSL (tono, saturación, luminosidad) es otra forma de representar el color, donde el tono es el tipo de color, la saturación es la pureza del color y la luminosidad es la claridad.

La conversión de RGB a HSL se realiza mediante cálculos matemáticos. Primero se normalizan los valores de RGB y luego se calculan los valores de HSL. Este proceso se utiliza ampliamente en campos como el procesamiento de imágenes y el diseño web, siendo útil para la transformación y ajuste de colores.

La conversión de RGB a HSL es una herramienta crucial para comprender la representación del color y gestionar colores en el diseño visual. Utilizando esta conversión, se pueden probar combinaciones diferentes de tono, saturación y luminosidad, permitiendo una expresión más rica del color.

Lista de códigos de color RGB y HSL

Nombre del color Código de color RGB Código de color HSL Color
Rojo rgb(255, 0, 0) hsl(0, 100%, 50%)
Verde rgb(0, 255, 0) hsl(120, 100%, 50%)
Azul rgb(0, 0, 255) hsl(240, 100%, 50%)
Amarillo rgb(255, 255, 0) hsl(60, 100%, 50%)
Púrpura rgb(128, 0, 128) hsl(300, 100%, 25%)

Fórmula de conversión RGB a HSL

Fórmula de conversión de RGB a HSL
Entrada (R, G, B) Salida (H, S, L)
0 ≤ R, G, B ≤ 1 0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. Encontrar el valor máximo y mínimo:
Cmax = max(R, G, B)
Cmin = min(R, G, B)
Δ = Cmax - Cmin
2. Cálculo del tono (H):
H =
| (G - B) / Δ , si Cmax = R
| (B - R) / Δ + 2 , si Cmax = G
| (R - G) / Δ + 4 , si Cmax = B

Se pueden realizar ajustes para colocar H en el rango de 360 grados.
3. Cálculo de la saturación (S):
S = Δ / (1 - |2L - 1|)
4. Cálculo de la luminosidad (L):
L = (Cmax + Cmin) / 2
5. Ajuste del valor calculado de H en el rango de 360 grados:
H = H * 60° , si H < 0
H = H * 60° - 360° , si H ≥ 0

¿Qué es RGB?

RGB son las siglas de Rojo (Red), Verde (Green) y Azul (Blue), y es un tipo de modelo de color digital. En este modelo, los colores se representan mediante la combinación de las tres luces primarias: rojo, verde y azul.

El modelo de color RGB se utiliza ampliamente en imágenes digitales, pantallas de dispositivos electrónicos, entre otros. Cada color se representa en un rango de 0 a 255 para cada componente de rojo, verde y azul, lo que permite crear una amplia variedad de colores mediante combinaciones de estas tres componentes.

¿Qué es HSL?

HSL son las siglas de Matiz (Hue), Saturación (Saturation) y Luminosidad (Lightness), y es otro modelo de representación de colores. En este modelo, el matiz representa el tipo de color (rojo, verde, azul, etc.), la saturación representa la intensidad del color y la luminosidad representa la claridad del color.

El modelo de color HSL permite una representación intuitiva de los colores y se utiliza ampliamente en campos como el diseño gráfico. Cambiar el matiz permite cambiar el tipo de color, mientras que ajustar la saturación y la luminosidad permite ajustar la intensidad y la claridad del color, respectivamente.

¿Cuáles son los beneficios de convertir de RGB a HSL?

La conversión de RGB a HSL ofrece varios beneficios. En primer lugar, HSL es una representación de color más intuitiva y fácil de entender para el ojo humano. Con tres elementos: matiz, saturación y luminosidad, es posible ajustar intuitivamente el tipo de color, la luminosidad y la intensidad del color.

Además, en campos como el diseño gráfico, es común realizar ajustes y conversiones de color con frecuencia. La conversión de RGB a HSL facilita los ajustes finos del color, la confirmación de la compatibilidad de colores, y permite aprovechar las características del matiz, la saturación y la luminosidad para expresiones y diseños más efectivos.