O que é realmente o HSB?


10

Algum dos meus amigos de designers gráficos pode me explicar o HSB ? Eu sei que é matiz / saturação / brilho e sei o que esses três fazem (na maior parte) ...

Entendo o algoritmo de criação de cores atrás de RGB , mas e o HSB ? O tom é apenas a posição radial das cores na roda de cores, certo? Mas o que a saturação e o brilho fazem? (Eu sei que um lava a cor (em direção ao cinza) e o outro clareia ou escurece a cor ...), mas o que eles fazem na roda de cores? Matiz é posição radial? Suponho que o brilho diga se a localização da cor está mais próxima do centro da roda ou mais perto da borda da roda, mas então onde a saturação entra em cena?

Além disso, o preto está presente na roda de cores? Ou é realmente como um cilindro colorido onde o centro viaja de branco (na face inferior) para preto (na face superior) e a saturação escolhe o z-positionlocal da cor?

O que realmente estou tentando entender é que, com iluminação diferente, minha pele (assumindo que é quase da mesma cor) sempre tem a mesma tonalidade, mas com brilho diferente, e em câmeras com exposição diferente, minha pele sempre tem a mesma tonalidade, mas saturação diferente?

Respostas:


15

Ótima pergunta! Para capturar a última parte primeiro, o tom da sua pele seria o mesmo, independentemente do brilho da luz incidente, desde que a cor da luz não mudasse. É por isso que "Selecionar tons de pele" funciona no Photoshop CS6 e posterior. No trabalho de transmissão de vídeo, existe uma ferramenta comumente chamada vetorscópio que provará para você, se você testar, que TODA a pele humana se encaixa na mesma faixa de matiz muito estreita. Há uma demonstração disso em um excelente tutorial em vídeo de Andrew Devis sobre Creative Cow .

Basicamente, todos os diferentes modelos de cores me parecem divididos em três categorias: definir a cor como a descrevemos , como a geramos e como a percebemos .

HSB (também HSV) é uma maneira de definir cores com base em como as descrevemos (por exemplo, "marrom avermelhado escuro"). Este é o que usa uma roda de cores - não é a mesma que a roda de cores dos artistas, a propósito. Ele surgiu quando recebemos cores na tela, como uma maneira de tentar descrever as cores de maneira mais intuitiva do que com números RGB.

Matiz é a qualidade que poderíamos descrever como a "cor básica" de alguma coisa. É dado um valor angular na roda de cores.

A saturação é a "pureza" da cor, também conhecida como "cromaticidade", especialmente no trabalho de TV e vídeo. Um amarelo que não pode ficar mais amarelado está totalmente saturado. Para dessaturar uma cor, você adiciona o cinza (ou subtrai a cor deixando o cinza para trás - escolha a descrição que parecer mais intuitiva).

O brilho é determinado pela quantidade de preto misturado com a cor. Nem todas as cores são percebidas como tendo o mesmo brilho, mesmo quando estão em plena saturação; portanto, o termo pode ser enganador. O brilho é considerado o eixo z de um cilindro colorido . Valor é um termo melhor, na minha opinião, porque não implica percepção de luminosidade ou escuridão. Um amarelo totalmente saturado com brilho total (S 100%, B 100%) é mais brilhante para os olhos do que um azul nas mesmas configurações S e B.

Aqui está o cilindro, retirado da Wikipedia:

insira a descrição da imagem aqui

No seletor de cores padrão do Photoshop, o retângulo é uma "fatia" do cilindro de cores. A barra de matiz determina a fatia que você está vendo e, no retângulo, a direita e a esquerda alteram a saturação, de cima para baixo altera o brilho.

RGB , como CMYK, é uma especificação mecânica relacionada à forma como os dispositivos o geram . A cor que você realmente vê para um determinado conjunto de valores RGB depende da gama de cores (sRGB, Adobe RGB) e do perfil de cores e das características físicas do dispositivo em que é exibido.

L a b é uma tentativa de definir cores com base em como realmente as percebemos , e é a única maneira independente de dispositivo em que as cores são definidas atualmente. O modelo de cores Lab abrange todas as cores perceptíveis e uma grande variedade de cores "impossíveis", como "preto amarelo puro". Veja o brilhante livro de quebra-cabeças, mas brilhante, de Dan Margulis, " Photoshop LAB Color ", para obter um texto prático detalhado sobre o uso do Lab no Photoshop.


L*a*b*a cor não é o único espaço de cores independente do dispositivo. sRGBé tão independente de dispositivo quanto L*a*b*. E ambos L*a*b*e sRGBprecisam de uma referência branca, eles não são absolutos. Para um modelo de cores verdadeiramente independente, você pode usar XYZ. Se você realmente quer saber, leia todo o brucelindbloom.com . Java necessário para a experiência completa.
DDS

1

O HSB é realmente muito mais fácil de entender do que o RGB, então isso é bom.

Na verdade, eu escrevi um post estupidamente longo explicando o HSB , então estou citando um pouco a partir daí, mas intercalando para responder sua pergunta mais especificamente.

O que é o Hue? Pense: "Cor do arco-íris"

Matiz é um número entre 0 e 360. É medido em graus, como graus de um círculo (porque whoa, spoiler, os círculos também têm 360 °). Lembra da roda de cores? Matiz é exatamente onde você está na roda de cores.

A roda de cores - também conhecida como roda de cores

O que é saturação? Pense em "riqueza"

Saturação é um número entre 0 e 100. Portanto, independentemente da tonalidade escolhida, uma saturação de 100% será a versão mais rica possível dessa cor e uma saturação de 0% será a versão cinza dessa cor (por exemplo, se a cor for clara, será cinza claro; se a cor for escura, será cinza escuro).

Quero ver?

Várias saturações de tonalidade e brilho constantes

A saturação é bem simples. Às vezes penso nisso como a quantidade de cor injetada no cinza. Portanto, 0% é cinza claro, mas 100% é a cor mais colorida que seu monitor pode criar.

O que é brilho? Pense em uma lâmpada

O brilho é um número entre 0 e 100. Como a saturação, às vezes é escrito como uma porcentagem. Este é bastante óbvio quanto ao que significa, mas há uma captura rápida.

0% de brilho é preto, não importa o tom, não importa a saturação. O brilho de 100% é branco somente se a saturação também for 0%. Caso contrário, o brilho de 100% é apenas uma ... cor muito brilhante. Parece confuso? Pense desta maneira. Imagine o brilho é uma lâmpada. 0% significa que a lâmpada está apagada (breu na sala). 100% significa que a luz está com força total. Portanto, talvez 100% do brilho seja uma cor brilhante ou, se a luz já for branca, o brilho de 100% será branco puro.

Variações no brilho com matiz e saturação constantes

O preto está na roda de cores? Não, mas está no cilindro colorido

Uma roda é plana, então é em 2D. O "espaço" HSB das cores tem três dimensões (H, S e B ... surpresa!), Por isso é uma forma 3D. No nosso caso, um cone funcionará perfeitamente.

Cilindro HSB

Preto é a roda de cores INTEIRA em que o brilho = 0. Portanto, não importa o tom, a saturação, se o brilho = 0, você está olhando para o PRETO.

(Estranhamente, o branco funciona de maneira diferente. O branco é apenas um ponto, NÃO uma roda de cores inteira. Para ficar branco, você precisa ter brilho = 100 E saturação = 0. Dito isto, existe um sistema de cores incrivelmente semelhante ao HSB, mas o A única diferença é que ele se opõe exatamente ao branco e ao preto. Esse sistema é chamado HSL - matiz, saturação, leveza .)

Como meu tom de pele muda com a iluminação?

Esta pergunta é respondida mais detalhadamente aqui , mas basicamente o matiz, a saturação ou o brilho da sua pele podem mudar com a iluminação.

  • Tonalidade : Se a tonalidade normal da pele estiver entre 0 ° e 60 °, em iluminação brilhante (branca), a tonalidade da pele mudará para amarelo (tonalidade = 60). Na iluminação mais escura, ela muda para vermelho (matiz = 0 °).
  • SATURATION : Em uma iluminação mais clara, sua pele terá uma saturação menor. Em baixa iluminação, terá maior saturação.
  • BRILHO : Na iluminação mais brilhante, sua pele terá um brilho mais alto. Com pouca iluminação, sua pele terá menos brilho. Mas ... você já sabia disso, não sabia? ;)

Espero que ajude!

Você pode encontrar mais alguns detalhes aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.