HWB

Je zkratkou pro „Hue, Whiteness, Blackness“.

HWB je barevný model, který definuje barvy pomocí tří atributů. Umožňuje grafikům a webovým návrhářům vytvořit barvu určením bodu na barevném kruhu a následným přidáním různého množství bílé nebo černé pro úpravu jasu a sytosti barvy. Stejně jako modely HSB a HSL poskytuje intuitivnější způsob úpravy barev než změna jednotlivých hodnot RGB.

Model HWB používá k definování každé barvy tři atributy:

• Odstín představuje úhlovou pozici základní barvy na barevném kruhu pomocí čísla od 0° do 359°. Čistá červená se nachází nahoře na barevném kruhu při hodnotě 0°, následuje žlutá při 60°, potom zelená, azurová, modrá a purpurová, než se kruh opět vrátí k červené.
• Bělost představuje, kolik bílé barvy je přimícháno k čistému odstínu z barevného kruhu, jako procentuální hodnota od 0 do 100 %. Bělost 0 % vytvoří plně sytou barvu, zatímco bělost 100 % barvu zcela desaturuje a výsledkem je bílá.
• Černost představuje, kolik černé barvy je přimícháno k čistému odstínu, také jako procentuální hodnota. Stejně jako u bělosti platí, že černost 0 % zobrazí plně sytou barvu, zatímco černost 100 % se zobrazí jako černá.

Míchání tří atributů HWB funguje podobně jako míchání barev. Začnete čistou základní barvou z libovolného bodu na barevném kruhu a potom upravíte její jas přimícháním bílé nebo černé. Přidáním bílé i černé zároveň se barva desaturuje a přiblíží se šedé. Pokud součet množství bílé a černé překročí 100 %, hodnoty se normalizují tak, aby jejich součet byl 100 %, a pomocí stejného poměru bílé a černé vytvoří odstín šedé. Například barvy HWB s hodnotami bílé a černé 50 %, 75 % a 100 % všechny vytvoří stejný odstín šedé.

Weboví návrháři mohou barvy pomocí HWB určovat v rámci CSS. Jednoduchými úpravami hodnot HWB mohou změnit základní barvu nebo barvy na svých webových stránkách zesvětlit, ztmavit či desaturovat. Pokud například webový návrhář začne s barvou pomocí kódu CSS hwb(180, 25%, 0%), může ji zesvětlit zvýšením atributu W, ztmavit snížením hodnoty W nebo desaturovat zvýšením atributu B. HWB bylo poprvé přidáno jako metoda určování barev do specifikace CSS v roce 2014, ale většina hlavních webových prohlížečů ho začala plně podporovat až v roce 2022.

NOTE: Možný rozsah barev při použití HWB je stejný jako u RGB, pouze se používá jiná sada atributů. Digitální obrázky stále obsahují barevné informace uložené pomocí hodnot RGB a hodnotu barvy lze pomocí softwaru snadno převést na RGB nebo (hexadecimální hodnotu).