HSL para RGBA

Compare HSL com RGBA

HSL, HLS ou HSI (do inglês hue, saturation, lightness (intensidade)) é um modelo de cor no qual as coordenadas de cor são matiz, saturação e luminosidade. Deve-se notar que HSV e HSL são dois modelos de cores diferentes (leveza, que é diferente de brilho). O modelo de cores HSL permite interpretar o modelo RGB básico na projeção de um sistema de coordenadas de cores cilíndricas. Os coloristas acreditam que o HSL permite que você especifique as cores de uma forma mais legível por humanos do que o modelo RGB típico. A abreviatura HSL é interpretada como Matiz (cor / matiz), Saturação (saturação), Luminosidade / Luminosidade (luminância, não deve ser confundida com brilho). O primeiro fator (Matiz) indica a coordenada de cor no círculo de cores (de 0 a 360 graus). O segundo coeficiente (saturação) transmite o valor de saturação como uma porcentagem (de 0% a 100%). O último fator (Luminosidade) indica a porcentagem de luminosidade (de 0% a 100%).

RGBA significa Red Green Blue Alpha. Embora às vezes referido como um espaço de cores, na verdade é um modelo de cores RGB de três canais, aumentado por um quarto canal alfa. Alfa especifica o quão opaco cada pixel é e permite combinar uma imagem com outras usando a mesclagem alfa, com regiões transparentes e suavizando as bordas das regiões opacas. O formato RGBA é semelhante em sintaxe ao RGB, mas inclui um canal alfa que controla a transparência do elemento. Um valor de 0 corresponde à transparência total, 1 à opacidade e um valor intermediário como 0,5 à semitransparência. RGBA foi adicionado ao CSS3, então a validação do código CSS deve ser feita usando esta versão. Deve-se notar que o padrão CSS3 ainda está em desenvolvimento e alguns recursos nele podem mudar. Por exemplo, uma cor RGB adicionada à propriedade background-color é validada, mas a cor adicionada à propriedade background não é mais. Ao mesmo tempo, os navegadores entendem perfeitamente a cor de ambas as propriedades.