HSB

É a sigla de "Hue, Saturation, Brightness".

HSB é um modelo de cores que define uma cor usando três valores numéricos. Ele especifica um ponto na roda de cores e modifica a saturação e o brilho para definir a cor final. Muitos programas de design gráfico permitem que os usuários alternem entre seletores de cores RGB e HSB de acordo com suas necessidades. HSB também é conhecido como HSV, ou "Hue, Saturation, Value".

O modelo de cores HSB usa três atributos para especificar uma cor:

• Hue representa a posição angular em uma roda de cores como um número entre 0º e 359º. O vermelho fica no topo da roda, em 0º, seguido pelo amarelo em 60º, verde em 120º, ciano em 180º, azul em 240º e magenta em 300º.
• Saturation representa quanto dessa tonalidade está presente na cor final, como uma porcentagem de 0 a 100%. Uma saturação de 100% resulta na cor mais intensa. Uma saturação de 0% resulta em branco, preto ou um tom de cinza, dependendo do atributo Brilho.
• Brightness (ou Value) representa o brilho da cor como uma porcentagem de 0 a 100%. Um brilho de 0% corresponde ao preto, enquanto um brilho de 100% produz uma cor pura (ou branco, se a Saturação for 0%).

O modelo de cores HSB pode produzir a mesma variedade de cores que o modelo RGB, apenas representando-as com uma formatação diferente. Por exemplo, uma cor verde-clara usando os valores RGB R:141 G:195 B:126 ou o valor (hexadecimal #8DC37E) é igual a uma que usa os valores HSB de tonalidade de 107º, saturação de 35% e brilho de 76%. Uma imagem digital ainda armazena essa cor usando os valores RGB.

Designers gráficos costumam usar controles deslizantes de cores HSB porque eles são mais intuitivos ao fazer pequenos ajustes de cor. Por exemplo, para ajustar a saturação de uma cor, um designer pode mudar para um seletor de cores HSB e ajustar o controle deslizante de saturação uma vez, em vez de ajustar três controles deslizantes RGB separados. A maioria dos programas de design gráfico e edição de imagens mostra os valores RGB e HSB juntos em seus seletores de cores, permitindo que o designer faça ajustes usando o modelo de cores que funcionar melhor para a tarefa.

NOTE: O modelo de cores HSB é semelhante ao modelo HSL, que usa o mesmo cálculo para a tonalidade, mas cálculos diferentes para a saturação e a luminosidade.