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.
Quais os critérios de valoração da prova?
Como pagar compra online com boleto bancário?
São Paulo feriado Corpus Christi?
Quais são as teorias não-críticas?
Como se elege o primeiro-ministro no parlamentarismo?
Quais são os requisitos essenciais de uma petição inicial trabalhista?
Quais são as infrações de trânsito leves?
Quando começa a indicação do Nota Legal 2021?
Qual é o tipo de extensão para desenvolver sites em HTML?
Quais os 7 signos mais vingativos?
Qual luta representa o Brasil?
O que determina a cor da pele de uma pessoa?
O que é representação de conjuntos?