Convertidor de colores

0 of 0 ratings
Formatos válidos: HEX, HEX alfa, RGB, RGBA, HSV, HSL, HSLA.

El convertidor de color HEX a HSL es una herramienta en línea gratuita que se utiliza para convertir colores HEX a colores HSL. Para utilizar esta herramienta, no necesitas instalar ningún software o extensión en tu dispositivo.

Esta herramienta consta de tres partes: la primera parte es para ingresar el color hexadecimal, la segunda es un botón que al presionar convierte el color a HSL, y la última es la parte de salida para el valor convertido.

Sobre el color hexadecimal:

La forma completa de HSL: H: tono, S: saturación y brillo. Aquí, el tono es un grado en el círculo cromático en el rango (0-360). En el círculo cromático, 0 grados o 360 grados corresponden al color rojo, 120 grados al verde y 240 grados al azul. La saturación es un valor del 0% al 100%; 0% significa gris y 100% es color completo.

En el sistema hexadecimal, tiene 16 alfabetos como 0,1,2,3,4,5,6,7,8,9, a,b,c,d,e y f, y en el formato de color hexadecimal tiene tres partes: rojo, verde y azul. La sintaxis del color hexadecimal es #rrggbb.

En este sistema, "#" indica que este código es un código de color hexadecimal, "rr" representa el código de color para el rojo en hexadecimal, y su valor mínimo es "00" y el máximo es "ff", lo mismo que "gg" representa el código de color para el verde en hexadecimal, y el último "bb" representa el código de color hexadecimal para el azul.

¿Cómo hacer un color usando hexadecimal?

Si deseas crear el color rojo original en formato hexadecimal, siguiendo la regla del formato de color hexadecimal, el código de color debe ser: #ff0000.

ahora escribamos el código de color para verde y azul: #00ff00 (para verde) y #0000ff (para azul), aquí 00 significa ausencia de color.

Sobre el formato de color HSL:

La forma completa de HSL: H: tono, S: saturación y brillo. Aquí, el tono es un grado en el círculo cromático en el rango (0-360). En el círculo cromático, 0 grados o 360 grados corresponden al color rojo, 120 grados al verde y 240 grados al azul. La saturación es un valor del 0% al 100%; 0% significa gris y 100% es color completo.

Sintaxis del color HSL en CSS:

hsl (tono, saturación, brillo)

Algunos ejemplos de colores HSL:

  1. HSL(0, 100%, 80%) = color rojo
  2. HSL(360, 100%, 80%) = color rojo
  3. HSL(120, 100%, 25%) = color verde oscuro
  4. HSL(120, 60%, 70%) = color verde pastel

El color HSL tiene otra versión, ampliada por un valor alfa que puede controlar la opacidad del color.

Herramientas populares