HSL a RGBA

Comparar HSL con RGBA

HSL, HLS o HSI (del inglés matiz, saturación, luminosidad (intensidad)) es un modelo de color en el que las coordenadas de color son matiz, saturación y luminosidad. Cabe señalar que HSV y HSL son dos modelos de color diferentes (luminosidad, que es diferente del brillo). El modelo de color HSL le permite interpretar el modelo RGB base en la proyección de un sistema de coordenadas de color cilíndrico. Los coloristas creen que HSL le permite especificar colores de una manera más legible por humanos que el modelo RGB típico. La abreviatura HSL se interpreta como Matiz (color / matiz), Saturación (saturación), Luminosidad / Luminancia (luminancia, que no debe confundirse con brillo). El primer factor (Hue) indica la coordenada de color dentro de la rueda de colores (de 0 a 360 grados). El segundo coeficiente (Saturación) transmite el valor de saturación como un porcentaje (de 0% a 100%). El último factor (Luminosidad) indica el porcentaje de luminosidad (de 0% a 100%).

RGBA son las siglas de Red Green Blue Alpha. Aunque a veces se lo denomina espacio de color, en realidad es un modelo de color RGB de tres canales, aumentado por un cuarto canal alfa. Alfa especifica qué tan opaco es cada píxel y le permite combinar una imagen con otras mediante la fusión alfa, con regiones transparentes y suavizando los bordes de las regiones opacas. El formato RGBA es similar en sintaxis a RGB, pero incluye un canal alfa que controla la transparencia del elemento. Un valor de 0 corresponde a transparencia total, 1 a opacidad y un valor intermedio como 0.5 a semitransparencia. Se agregó RGBA en CSS3, por lo que la validación del código CSS debe realizarse utilizando esta versión. Cabe señalar que el estándar CSS3 aún está en desarrollo y algunas características pueden cambiar. Por ejemplo, se valida un color RGB agregado a la propiedad background-color, pero el color agregado a la propiedad background ya no. Al mismo tiempo, los navegadores comprenden correctamente el color de ambas propiedades.