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.
Quanto tempo demora o puerpério?
O que é preciso para abrir uma empresa?
Quanto custa batizar na igreja catolica?
Que tipo de lâmpada consome menos energia e dura mais?
O que é abdominoplastia completa?
Qual o mais importante princípio do judô?
O que fazer para sair do aperto?
Qual o prazo para enviar o SST?
Pode usar naftalina no Guarda-roupa?
Quais são ciclos biogeoquímicos?
O que é uma pessoa debilitada?