HWB

Significa "Hue, Whiteness, Blackness".

HWB é um modelo de cores que define cores usando conjuntos de três atributos. Ele permite que designers gráficos e de sites criem uma cor especificando um ponto no círculo cromático e, em seguida, adicionando branco ou preto em quantidades variadas para ajustar o brilho e a saturação da cor. Assim como os modelos HSB e HSL, ele oferece uma maneira mais intuitiva de ajustar cores do que modificar valores individuais de RGB.

O modelo HWB usa três atributos para definir cada cor:

• Hue representa a posição angular da cor-base no círculo cromático, usando um número entre 0° e 359°. O vermelho puro fica no topo do círculo cromático, em 0°, seguido pelo amarelo em 60°, depois pelo verde, ciano, azul e magenta, antes de retornar ao vermelho.
• Whiteness representa quanto branco é misturado à tonalidade pura do círculo cromático, como uma porcentagem de 0 a 100%. Uma brancura de 0% resulta em uma cor totalmente saturada, enquanto uma brancura de 100% dessatura totalmente a cor, fazendo-a parecer branca.
• Blackness representa quanto preto é misturado à tonalidade pura, também como uma porcentagem. Assim como a brancura, uma negritude de 0% mostra uma cor totalmente saturada, enquanto uma negritude de 100% faz a cor parecer preta.

Misturar os três atributos HWB funciona de maneira semelhante à mistura de tintas. Você começa com uma cor-base pura de qualquer ponto do círculo cromático e ajusta seu brilho misturando branco ou preto. Adicionar branco e preto ao mesmo tempo dessatura a cor e a aproxima do cinza. Se a quantidade combinada de branco e preto exceder 100%, os valores serão normalizados para totalizar 100% e produzir um tom de cinza usando a mesma proporção de branco e preto. Por exemplo, uma cor HWB com valores de branco e preto de 50%, 75% e 100% produz o mesmo tom de cinza.

Designers de sites podem especificar cores usando HWB no CSS. Eles podem fazer ajustes simples nos números HWB para alterar a cor-base ou clarear, escurecer ou dessaturar cores em seus sites. Por exemplo, se um designer de sites começar com uma cor usando o código CSS hwb(180, 25%, 0%), poderá deixá-la mais clara aumentando o atributo W, escurecê-la diminuindo W ou dessaturá-la aumentando o atributo B. O HWB foi adicionado pela primeira vez como um método de cores à especificação do CSS em 2014, mas a maioria dos principais navegadores não o aceitou totalmente até 2022.

NOTE: O intervalo possível de cores usando HWB é o mesmo do RGB, apenas com um conjunto diferente de atributos. Imagens digitais ainda incluem informações de cor salvas usando valores RGB, e um valor de cor pode ser facilmente convertido para RGB ou (hexadecimal) por meio de software.