Acerca del color HWB

El color HWB es un modelo de color que representa los colores con tres componentes: matiz, blancura y negrura. El matiz especifica el tono base, mientras que la blancura y la negrura indican cuánto blanco y negro se mezclan, por lo que resulta intuitivo aclarar, oscurecer o acercar un color al gris.

Por ejemplo, los colores principales como el rojo se pueden representar así.

Para incluir transparencia, añada un valor alfa. Por ejemplo, el rojo semitransparente se puede representar como hwb(0deg 0% 0% / 0.5).

Tratamiento del matiz, la blancura y la negrura

El matiz se trata como un ángulo, y los valores mayores que 360deg o negativos se normalizan al rango de 0deg a 360deg. Por ejemplo, hwb(360deg 0% 0%) se trata como el mismo color que hwb(0deg 0% 0%), y hwb(-120deg 0% 0%) como el mismo color que hwb(240deg 0% 0%).

La blancura y la negrura se tratan en el rango de 0% a 100%. Cuanto mayor es la blancura, más se acerca el color al blanco; cuanto mayor es la negrura, más se acerca al negro. Si la suma de blancura y negrura es 100% o más, el color se trata como un color grisáceo independientemente del matiz.

Diferencia entre HWB y HSL

HSL ajusta el color mediante saturación y luminosidad, por lo que es adecuado para especificar viveza y brillo. HWB ajusta el color mediante la cantidad de blanco y negro mezclados, lo que facilita describir operaciones como “hacerlo más blanco manteniendo el mismo matiz” o “añadir negro para oscurecerlo”.

Sin embargo, HWB tampoco es un espacio de color perceptualmente uniforme. Cuando se desea manejar con más facilidad el brillo visual o las diferencias de color, pueden usarse espacios de color como Lab, LCH, Oklab y Oklch.