HWB

Significa «Hue, Whiteness, Blackness».

HWB es un modelo de color que define los colores mediante conjuntos de tres atributos. Permite a los diseñadores gráficos y web crear un color especificando un punto en la rueda de colores y, después, agregando blanco o negro en distintas cantidades para ajustar el brillo y la saturación del color. Al igual que los modelos HSB y HSL, ofrece una forma más intuitiva de ajustar los colores que modificar valores RGB individuales.

El modelo HWB usa tres atributos para definir cada color:

• Tono representa la posición angular del color base en la rueda de colores, mediante un número entre 0° y 359°. El rojo puro se encuentra en la parte superior de la rueda de colores, en 0°, seguido del amarillo en 60°; después aparecen el verde, el cian, el azul y el magenta, antes de volver al rojo.
• Blancura representa cuánto blanco se mezcla con el tono puro de la rueda de colores, como un porcentaje de 0 a 100%. Una blancura de 0% produce un color completamente saturado, mientras que una blancura de 100% desatura por completo el color y hace que aparezca blanco.
• Negrura representa cuánto negro se mezcla con el tono puro, también como un porcentaje. Al igual que la blancura, una negrura de 0% muestra un color completamente saturado, mientras que una negrura de 100% hace que aparezca negro.

Mezclar los tres atributos HWB funciona de forma muy parecida a mezclar pinturas. Se comienza con un color base puro de cualquier punto de la rueda de colores y, después, se ajusta su brillo mezclándolo con blanco o negro. Agregar blanco y negro a la vez desatura el color y lo acerca al gris. Si la cantidad combinada de blanco y negro supera el 100%, los valores se normalizan para que sumen 100% y produzcan un tono de gris usando la misma proporción de blanco y negro. Por ejemplo, los colores HWB con valores de blanco y negro de 50%, 75% y 100% producen todos el mismo tono de gris.

Los diseñadores web pueden especificar colores usando HWB dentro de CSS. Pueden hacer ajustes sencillos en los números HWB para cambiar el color base o aclarar, oscurecer o desaturar los colores de sus sitios web. Por ejemplo, si un diseñador web comienza con un color que usa el código CSS hwb(180, 25%, 0%), puede aclararlo aumentando el atributo W, oscurecerlo reduciendo W o desaturarlo aumentando el atributo B. HWB se agregó por primera vez como método de color a la especificación CSS en 2014, pero la mayoría de los principales navegadores web no lo admitieron completamente hasta 2022.

NOTE: El intervalo posible de colores que usa HWB es el mismo que con RGB, solo que emplea un conjunto diferente de atributos. Las imágenes digitales todavía incluyen información de color guardada mediante valores RGB, y un valor de color se puede convertir fácilmente a RGB o (hexadecimal) mediante software.