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.
Como se chama o profissional que faz a previsão do tempo?
Quanto equivale 20 gotas de Clonazepam?
Qual é o número atômico do Bário?
Como abrir o Bloco de Notas no Prompt de Comando?
Como conseguir empréstimo pelo CNPJ?
Qual a definição de práticas corporais?
Quantos dias a empresa tem para entrar com recurso?
Quais são os três princípios da lógica?
Qual o site de relacionamento mais usado no Brasil?
O que é tratamento térmico de normalização?
Quais são os 5 elementos do Feng Shui?
Como mudar o padrão do teclado?
Qual a diferença entre a bola de basquete feminina e masculina?
O que é um exercício resistido?
O que é o relativismo religioso?
Como aumentar as bactérias boas no intestino?