com uso da função CSS hsl() 1, Ela permite que você declare as cores com uso de três parâmetros: Hue = tom, Saturation = saturação e Lightness = luminosidade.
As três dimensões da cor (tom, saturação e luminosidade)
Antes de aprofundarmos o tema, é de grande importância compreender as três dimensões da cor que o olho consegue distinguir: o tom/tonalidade/matiz, a saturação e a luminosidade.
HSB é sigla para Hue-Saturation-Brightness (matiz-saturação-brilho) e HSL significa Hue-Saturation-Luminance (matiz-saturação-luminância). Ambos são referências de cor para imagens em cor-luz.
É caracterizada por ser uma transformação não-linear do sistema de cores RGB. Outros sistemas de cores relacionados incluem o HSL (L de luminosity ou luminosidade) e o HSI (I de intensity ou intensidade).
Estes parâmetros correspondem a predicados comuns chamados de dimensões da cor. São elas: matiz, luminosidade ou brilho e saturação ou croma. O nome dado à cor de uma superfície, seja vermelha, azul, verde, amarela etc. é o seu matiz.
41 curiosidades que você vai gostar
Matiz - é a variedade do comprimento de onda da luz direta ou refletida, percebido como vermelho, amarelo, azul e demais resultantes dessa mistura. Em linguagem corrente, a palavra cor é empregada como sinônimo de matiz. Valor, luminosidade ou brilho: termos utilizados para designar o índice de luminosidade da cor.
Matizes ou cores são formadas pelos diferentes comprimentos de onda de luz. A saturação, ou croma, se refere à pureza da cor. Como demonstra o exemplo de tabela de variação, os níveis de saturação descrevem a tendência da cor de ir em direção a ou se afastar do cinza.
As cores são definidas através de uma escala, variando de zero a 255, para cada uma das cores. Exemplo: as três cores (vermelho, verde e azul) configuradas na escala zero resultam na cor preta, e o contrário, com as três em 255, resultam na cor branca.
O RGB é um “Sistema Aditivo” onde as cores são formadas através da “emissão/adição de luz” gerando pontos luminosos projetados pelo dispositivo de exibição, como um monitor de computador por exemplo.
Qual é a resistência do bambu?
Como tratar uma pessoa mal caráter?
Qual foi o objeto de estudo que Watson propôs para a psicologia?
O que acontece se eu não assinar uma advertência?
Quanto ganha um profissional de análise e desenvolvimento de sistemas?
Quantos dias dura uma crise de rinite alérgica?
O que acontece com os adolescentes que praticam atividade física?
Qual o valor normal do clearance de creatinina?
Quais os tributos recai sobre o transporte rodoviário de cargas?
Por que não se deve usar o celular antes de dormir?
Quais são os molhos derivados do molho espanhol?
Qual é o valor do Auxílio Brasil para quem é solteiro?
Quanto gasta uma televisão de energia por mês?