W skrócie
- Odcień to położenie koloru na kole barw, kąt od 0° do 360°: czerwony przy 0°, zielony w okolicach 120°, niebieski w okolicach 240°, i znów czerwony.
- Nasycenie to ilość tego odcienia, od 0 procent (szary) do 100 procent (czysty kolor). Jasność to to, jak jasny jest kolor, od 0 procent (czarny) do 100 procent.
- Ponieważ odcień jest okręgiem, najdalej od siebie mogą być dwa odcienie 180° — po przeciwnych stronach koła. Każdy większy błąd jest w rzeczywistości mniejszy, jeśli mierzyć w drugą stronę.
- HSB służy do wybierania i opisywania kolorów na oko; RGB to sposób, w jaki ekrany je tworzą; Lab służy do mierzenia, jak bardzo różnią się dwa kolory. Odpowiadają na różne pytania.
- Odbudowanie koloru trzema osobnymi suwakami ujawnia, który z trzech osądów się przesunął. Wybór z próbek nie może tego zrobić.
Trzy liczby, trzy pytania
Weź jakiś kolor — powiedzmy, stonowany turkus. Poproszony o opis, nie sięgnąłbyś po to, ile zawiera światła czerwonego, zielonego i niebieskiego, choć właśnie to robi ekran. Powiedziałbyś, że to niebieskawa zieleń, niezbyt mocna, nieco ciemna. To właśnie HSB: odcień, nasycenie, jasność, w kolejności, w jakiej człowiek faktycznie myśli. Model zaproponował Alvy Ray Smith pod koniec lat 70., właśnie po to, by ludzie mogli wybierać kolory w sposób odpowiadający temu, jak je widzą. Nazywa się go też HSV, gdzie V oznacza wartość (value); to ten sam model.
| Wymiar | Pytanie, na które odpowiada | Zakres | Końce |
|---|---|---|---|
| Odcień | Jaki to kolor? | 0°–360° | Czerwony przy 0°, przez żółty, zielony, cyjan, niebieski i magentę, z powrotem do czerwonego |
| Nasycenie | Ile tego koloru w nim jest? | 0–100% | 0% to szary bez żadnego odcienia; 100% to najczystsza wersja odcienia |
| Jasność | Jak jasny jest? | 0–100% | 0% to czerń niezależnie od pozostałych dwóch; 100% to tak jasno, jak odcień może być |
Odcień jest kątem i to ma znaczenie
Odcień jest ułożony na okręgu, ponieważ widmo, które biegnie od czerwieni do fioletu w linii, zamyka się przez purpury, których w tęczy nie ma: magenta leży między fioletem a czerwienią i domyka pętlę. Dlatego odcień mierzy się jako kąt. Czerwony to 0°, żółty około 60°, zielony około 120°, cyjan około 180°, niebieski około 240°, magenta około 300°, a 360° to znów czerwony.
Okrąg ma konsekwencję, której linia nie ma: istnieje największa możliwa odległość, i leży w połowie obwodu. Dwa odcienie nigdy nie mogą być od siebie dalej niż 180°. Zgadnięcie 350° dla celu 10° to nie pomyłka o 340°, ale o 20°, przez szczyt koła. Każda uczciwa ocena odcienia musi mierzyć krótszą drogą, a najgorszy możliwy błąd odcienia to dopełnienie koloru — odcień dokładnie naprzeciwko. Dlatego Percore normalizuje błąd odcienia względem 180°: to rozpiętość od idealnego do tak złego, jak to tylko możliwe.
Nasycenie i jasność
Nasycenie to ilość odcienia w kolorze. Przy zerowym nasyceniu każdy odcień zapada się w ten sam szary, dlatego odcień bardzo bladego lub zakurzonego koloru naprawdę trudno nazwać — prawie nie ma w nim odcienia do zobaczenia. Przy pełnym nasyceniu kolor jest tak żywy, jak pozwala odcień. Jasność to po prostu to, jak jasny jest kolor; przy zerowej jasności wszystko jest czarne, cokolwiek mówią odcień i nasycenie.
Te dwa oddziałują na siebie w sposób, który ludzi potyka. Ciemna, nasycona czerwień i jasna, nienasycona czerwień mogą wydawać się zupełnie różnymi kolorami, choć mają ten sam odcień. W praktyce ludzie przypominający sobie kolor mają tendencję do mniej więcej trafnego odcienia i przesadzonego nasycenia — zapamiętany kolor jest bardziej żywy niż prawdziwy — a błędy jasności idą w obie strony zależnie od otaczającego światła. To wzorce, których należy szukać w wyniku w poszczególnych wymiarach.
HSB obok innych modeli
HSB to jeden z kilku sposobów opisu tego samego koloru i każdy istnieje z jakiegoś powodu. Wybór niewłaściwego do zadania to częste źródło zamieszania, więc oto, do czego służy każdy.
| Model | Czym jest | Najlepszy do |
|---|---|---|
| HSB / HSV | Odcień jako kąt, nasycenie i jasność jako procenty. Jasność 100% to najczystsza, najjaśniejsza wersja odcienia. | Wybierania i opisywania kolorów na oko; próbników kolorów; diagnozowania błędu pamięci koloru |
| HSL | Ten sam odcień; jasność względna (lightness) zamiast jasności, gdzie 100% jasności względnej to zawsze biel, a 50% to czysty odcień. | CSS i projektowania stron, gdzie rozjaśnianie koloru w stronę bieli jest częstą operacją |
| RGB | Ile światła czerwonego, zielonego i niebieskiego, każde 0–255. To, co ekran robi fizycznie. | Kodu, formatów plików, wszystkiego, co urządzenie musi wyświetlić; trudny do oceny na oko |
| CIELAB (Lab) | Jasność plus dwie osie przeciwstawne (zielony–czerwony, niebieski–żółty), zbudowane tak, by równe odległości wyglądały na równo różne. | Mierzenia różnicy między dwoma kolorami (Delta E); pracy z drukiem i zarządzaniem kolorem |
Użyteczny sposób zapamiętania: RGB jest dla maszyny, HSB i HSL są dla człowieka, a Lab jest do pomiaru. Narzędzia percepcji kolorów, które oceniają Delta E, mierzą w Lab; te, które dają trzy suwaki, pozwalają odpowiedzieć w HSB. Oba podejścia są uprawnione i mówią ci różne rzeczy.
Dlaczego trzy suwaki mówią więcej niż próbka
Jeśli pokazano ci kolor, znika, a ty wybierasz najbliższy z sześciu wzorów, wynikiem jest jeden bit informacji: dobrze lub źle, z odległością. Jeśli zamiast tego odbudowujesz kolor trzema osobnymi kontrolkami, wynikiem są trzy liczby — o ile się pomyliłeś w odcieniu, w nasyceniu, w jasności — a te trzy liczby to diagnoza. Ktoś, kto każdego dnia ma mały błąd odcienia i duży błąd nasycenia, dowiedział się czegoś o tym, jak widzi, i może to skorygować.
To rozumowanie stoi za sesją Koloru w Percore, która wypełnia ekran kolorem, ukrywa go i prosi o jego zwrócenie suwakami odcienia, nasycenia i jasności. Każdy błąd jest normalizowany — odcień względem 180°, pozostałe dwa względem pełnego zakresu — a trzy są uśredniane do trafności od 0 do 100; podział jest pokazywany obok. Pełny wzór jest w Jak Percore ocenia, a jak poprawić percepcję kolorów zamienia podział w praktykę.
Odbuduj kolor trzema suwakami.
Pobierz z App StoreCzęsto zadawane pytania
Czy HSB i HSV to to samo?
Tak. V oznacza value, B — brightness, i odnoszą się do tego samego modelu. Różne programy używają różnych nazw; narzędzia Apple i Adobe mówią HSB, wiele innych mówi HSV.
Czym różni się HSB od HSL?
Mają wspólny odcień. W HSB 100 procent jasności to najczystsza, najjaśniejsza wersja odcienia; w HSL 100 procent jasności względnej to biel, a czysty odcień leży przy 50 procentach. HSL jest częsty w CSS, HSB w narzędziach projektowych.
Dlaczego czerwony jest na kole barw przy 0°?
Z konwencji. Koło musi gdzieś się zaczynać, a czerwony wybrano, gdy definiowano model; kolejność czerwony, żółty, zielony, cyjan, niebieski, magenta podąża za widmem, a magenta domyka pętlę.
Jaki jest największy możliwy błąd odcienia?
180°, odcień dokładnie naprzeciwko na kole — dopełnienie koloru. Każdy pozornie większy błąd jest w rzeczywistości mniejszy, jeśli zmierzyć go w drugą stronę, dlatego błąd odcienia zawsze należy brać krótszą drogą.
W którym z trzech ludzie mylą się najczęściej?
W praktyce w nasyceniu: ludzie mają tendencję do zapamiętywania koloru jako bardziej żywego, niż był. Odcień jest często blisko, a jasność silnie zależy od otaczającego światła. Wynik w poszczególnych wymiarach pokazuje twój własny wzorzec.