Em resumo
- O matiz é a posição da cor no círculo, um ângulo de 0° a 360°: vermelho em 0°, verde perto de 120°, azul perto de 240°, e de volta ao vermelho.
- A saturação é quanto daquele matiz está presente, de 0 por cento (cinza) a 100 por cento (a cor pura). O brilho é quão clara ela é, de 0 por cento (preto) a 100 por cento.
- Como o matiz é um círculo, a maior distância possível entre dois matizes é 180° — lados opostos do círculo. Qualquer erro maior que isso é, na verdade, menor se medido pelo outro lado.
- O HSB serve para escolher e descrever cores a olho; o RGB é como as telas as produzem; o Lab serve para medir o quanto duas cores parecem diferentes. Respondem a perguntas diferentes.
- Reconstruir uma cor com três controles deslizantes separados expõe qual dos três julgamentos falhou. Escolher entre amostras não consegue.
Três números, três perguntas
Pegue uma cor — um verde-azulado apagado, por exemplo. Se pedissem que você a descrevesse, você não recorreria a quanta luz vermelha, verde e azul ela contém, embora seja isso que a tela faz. Você diria que é um azul-esverdeado, não muito forte, meio escuro. Isso é HSB: matiz, saturação, brilho, na ordem em que uma pessoa de fato pensa. O modelo foi proposto por Alvy Ray Smith no fim da década de 1970 justamente para que as pessoas pudessem escolher cores de uma forma que correspondesse a como as veem. Também é chamado de HSV, em que V é valor (value); os dois são o mesmo modelo.
| Dimensão | A pergunta que responde | Faixa | Os extremos |
|---|---|---|---|
| Matiz | Que cor é? | 0°–360° | Vermelho em 0°, passando por amarelo, verde, ciano, azul e magenta, de volta ao vermelho |
| Saturação | Quanto dessa cor há nela? | 0–100% | 0% é um cinza sem matiz algum; 100% é a versão mais pura do matiz |
| Brilho | Quão clara é? | 0–100% | 0% é preto, independentemente das outras duas; 100% é o mais claro que o matiz pode ser |
O matiz é um ângulo, e isso importa
O matiz é disposto num círculo porque o espectro, que vai do vermelho ao violeta em linha, se fecha pelos púrpuras que não existem num arco-íris: o magenta fica entre o violeta e o vermelho e fecha o laço. Por isso o matiz é medido como um ângulo. O vermelho é 0°, o amarelo perto de 60°, o verde perto de 120°, o ciano perto de 180°, o azul perto de 240°, o magenta perto de 300°, e 360° é vermelho de novo.
Um círculo tem uma consequência que uma reta não tem: existe uma distância máxima possível, e ela fica na metade do caminho. Dois matizes nunca podem estar a mais de 180° um do outro. Um palpite de 350° para um alvo de 10° não está errado por 340°; está errado por 20°, passando pelo topo do círculo. Toda pontuação honesta de matiz precisa medir pelo caminho curto, e o pior erro de matiz possível é o complemento de uma cor — o matiz diretamente oposto. É por isso que o Percore normaliza o erro de matiz sobre 180°: é a distância entre o perfeito e o mais errado que é possível estar.
Saturação e brilho
A saturação é a quantidade de matiz na cor. Com saturação zero, todo matiz colapsa no mesmo cinza, e é por isso que o matiz de uma cor muito pálida ou muito empoeirada é genuinamente difícil de nomear — quase não há matiz nela para ver. Com saturação plena, a cor é tão vívida quanto o matiz permite. O brilho é simplesmente quão clara é a cor; com brilho zero tudo é preto, diga o que disserem o matiz e a saturação.
As duas interagem de um jeito que confunde as pessoas. Um vermelho escuro e saturado e um vermelho claro e dessaturado podem parecer cores totalmente diferentes, embora compartilhem o matiz. Na prática, quem lembra de uma cor tende a acertar o matiz mais ou menos e a exagerar a saturação — a cor lembrada é mais vívida que a real — e os erros de brilho vão para os dois lados, conforme a luz ao redor. Esses são os padrões a procurar numa pontuação por dimensão.
O HSB ao lado dos outros modelos
O HSB é uma entre várias maneiras de descrever a mesma cor, e cada uma existe por um motivo. Escolher a errada para uma tarefa é uma fonte comum de confusão, então eis para que serve cada uma.
| Modelo | O que é | Melhor para |
|---|---|---|
| HSB / HSV | Matiz como ângulo, saturação e brilho como porcentagens. Brilho 100% é a versão mais pura e mais clara do matiz. | Escolher e descrever cores a olho; seletores de cor; diagnosticar um erro de memória de cor |
| HSL | O mesmo matiz; luminosidade em vez de brilho, com 100% de luminosidade sempre branco e 50% o matiz puro. | CSS e web design, onde clarear uma cor em direção ao branco é uma operação comum |
| RGB | Quanta luz vermelha, verde e azul, cada uma de 0 a 255. O que a tela faz fisicamente. | Código, formatos de arquivo, tudo o que um dispositivo precisa exibir; difícil de raciocinar a olho |
| CIELAB (Lab) | Luminosidade mais dois eixos opostos (verde–vermelho, azul–amarelo), construído para que distâncias iguais pareçam igualmente diferentes. | Medir a diferença entre duas cores (Delta E); trabalho de impressão e de gerenciamento de cor |
Uma forma útil de guardar isso: o RGB é para a máquina, o HSB e o HSL são para a pessoa, e o Lab é para a medição. As ferramentas de percepção de cores que pontuam com Delta E medem em Lab; as que dão três controles deslizantes deixam você responder em HSB. As duas são legítimas e dizem coisas diferentes.
Por que três controles dizem mais do que uma amostra
Se uma cor é mostrada, some, e você escolhe a mais próxima entre seis amostras, o resultado é um bit de informação: certo ou errado, com uma distância. Se, em vez disso, você reconstrói a cor com três controles separados, o resultado são três números — o quanto errou em matiz, em saturação, em brilho — e esses três números são um diagnóstico. Quem tem um erro de matiz pequeno e um erro de saturação grande todos os dias aprendeu algo sobre como vê, e pode corrigir.
Esse é o raciocínio por trás da sessão de Cor do Percore, que preenche a tela com uma cor, a esconde e pede que ela seja devolvida em controles de matiz, saturação e brilho. Cada erro é normalizado — o matiz sobre 180°, os outros dois sobre a faixa inteira — e os três têm a média calculada numa precisão de 0 a 100; o detalhamento é mostrado ao lado. A fórmula completa está em Como o Percore pontua, e como melhorar a sua percepção de cores transforma o detalhamento numa prática.
Reconstrua uma cor com os três controles.
Baixe na App StorePerguntas frequentes
HSB e HSV são a mesma coisa?
Sim. V significa valor (value), B significa brilho (brightness), e se referem ao mesmo modelo. Programas diferentes usam nomes diferentes; as ferramentas da Apple e da Adobe dizem HSB, muitas outras dizem HSV.
Qual é a diferença entre HSB e HSL?
Elas compartilham o matiz. No HSB, 100 por cento de brilho é a versão mais pura e mais clara do matiz; no HSL, 100 por cento de luminosidade é branco e o matiz puro fica em 50 por cento. O HSL é comum em CSS; o HSB, em ferramentas de design.
Por que o vermelho fica em 0° no círculo de matizes?
Por convenção. O círculo tem que começar em algum lugar, e o vermelho foi escolhido quando o modelo foi definido; a ordem vermelho, amarelo, verde, ciano, azul, magenta segue o espectro, com o magenta fechando o laço.
Qual é o maior erro de matiz possível?
180°, o matiz diretamente oposto no círculo — o complemento de uma cor. Qualquer erro aparente maior que isso é na verdade menor medido pelo outro lado, e é por isso que o erro de matiz deve sempre ser tomado pelo caminho curto.
Em qual dos três as pessoas mais erram?
Na prática, na saturação: as pessoas tendem a lembrar de uma cor como mais vívida do que era. O matiz costuma estar perto, e o brilho depende muito da luz ao redor. Uma pontuação por dimensão mostra o seu próprio padrão.