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 mudar a cor de um HR CSS?
Como o mundo foi criado de acordo com a mitologia egípcia?
Como alterar a cor de um objeto no Lightroom?
Onde Quando e como surgiu a unidade de medida quilograma?
Como se escreve Beatles em português?
Como se escreve a palavra lord?
Como alterar o CPF para CNPJ no PagSeguro?
Quais os objetivos do sistema Just in Time?
Como pintar dentro de um objeto no Photoshop?
Quais as origens das principais brincadeiras tradicionais brasileiras?
Porque os faraós eram embalsamados?
Como mudar a cor da área de trabalho no Illustrator?
Como instalar Skype no Ubuntu 32 bits?
Como mudar a cor de uma parte da imagem no Photoshop online?