HWB

Skrót od „Hue, Whiteness, Blackness”.

HWB to model kolorów, który definiuje kolory za pomocą zestawów trzech atrybutów. Umożliwia grafikom i projektantom stron internetowych tworzenie koloru przez określenie punktu na kole barw, a następnie dodanie bieli lub czerni w różnych ilościach w celu dostosowania jasności i nasycenia koloru. Podobnie jak modele HSB i HSL, zapewnia bardziej intuicyjny sposób dostosowywania kolorów niż modyfikowanie poszczególnych wartości RGB.

Model HWB wykorzystuje trzy atrybuty do zdefiniowania każdego koloru:

• Barwa określa położenie kątowe koloru bazowego na kole barw za pomocą liczby od 0° do 359°. Czysta czerwień znajduje się na szczycie koła barw, przy 0°, po niej przy 60° następuje żółty, a następnie zielony, cyjan, niebieski i purpurowy, zanim koło ponownie wróci do czerwieni.
• Biel określa, ile bieli zmieszano z czystą barwą z koła barw, jako wartość procentową od 0 do 100%. Biel na poziomie 0% daje w pełni nasycony kolor, natomiast biel na poziomie 100% całkowicie pozbawia kolor nasycenia, sprawiając, że wygląda on jak biały.
• Czerń określa, ile czerni zmieszano z czystą barwą, również jako wartość procentową. Podobnie jak w przypadku bieli, czerń na poziomie 0% oznacza w pełni nasycony kolor, natomiast czerń na poziomie 100% daje kolor czarny.

Mieszanie trzech atrybutów HWB działa podobnie jak mieszanie farb. Zaczynasz od czystego koloru bazowego z dowolnego punktu na kole barw, a następnie dostosowujesz jego jasność, mieszając z nim biel lub czerń. Dodanie jednocześnie bieli i czerni pozbawia kolor nasycenia i przybliża go do szarości. Jeśli łączna ilość bieli i czerni przekracza 100%, wartości są normalizowane tak, aby ich suma wynosiła 100%, i tworzą odcień szarości przy użyciu tej samej proporcji bieli i czerni. Na przykład kolory HWB z wartościami bieli i czerni wynoszącymi odpowiednio 50%, 75% i 100% dają ten sam odcień szarości.

Projektanci stron internetowych mogą określać kolory za pomocą HWB w języku CSS. Mogą dokonywać prostych zmian liczb HWB, aby zmienić kolor bazowy albo rozjaśnić, przyciemnić lub pozbawić nasycenia kolory na swoich stronach internetowych. Na przykład jeśli projektant zacznie od koloru określonego kodem CSS hwb(180, 25%, 0%), może go rozjaśnić, zwiększając atrybut W, przyciemnić, zmniejszając W, albo pozbawić nasycenia, zwiększając atrybut B. HWB po raz pierwszy dodano jako metodę określania koloru do specyfikacji CSS w 2014 roku, ale większość głównych przeglądarek internetowych nie obsługiwała go w pełni aż do 2022 roku.

NOTE: Możliwy zakres kolorów przy użyciu HWB jest taki sam jak w przypadku RGB, zmienia się jedynie zestaw atrybutów. Obrazy cyfrowe nadal zawierają informacje o kolorach zapisane za pomocą wartości RGB, a wartość koloru można łatwo przekonwertować na RGB lub system szesnastkowy za pomocą oprogramowania.