Saturacja koloru nazywana jest inaczej
Saturacja koloru to inaczej nasycenie koloru, czyli informacja o tym, jak intensywny, czysty albo wyblakły jest dany kolor. W praktyce oznacza to, że czerwony o wysokiej saturacji wygląda mocno i żywo, a czerwony o niskiej saturacji robi się bardziej szary, przygaszony. To pojęcie spotkasz bardzo często w grafice komputerowej, edycji zdjęć, projektowaniu interfejsów i CSS, np. w modelach HSL oraz HSV. W zapisie CSS typu hsl(0, 100%, 50%) środkowa wartość 100% oznacza właśnie pełne nasycenie barwy. Gdy zmniejszysz ją do 20%, kolor nadal może mieć ten sam odcień, ale będzie dużo mniej intensywny. Z mojego doświadczenia to jest jedno z tych pojęć, które naprawdę pomaga przy dobieraniu kolorów do strony WWW, baneru albo ikony. Dobra praktyka branżowa jest taka, żeby nie przesadzać z maksymalną saturacją wszędzie, bo interfejs może wyglądać agresywnie i męczyć wzrok. Nasycenie warto kontrolować razem z jasnością i kontrastem, szczególnie gdy projekt ma być czytelny oraz zgodny z zasadami dostępności, na przykład WCAG.
Saturacja nie oznacza przezroczystości, dopełnienia ani jasności koloru, mimo że wszystkie te pojęcia są związane z wyglądem barw i łatwo je wrzucić do jednego worka. Przezroczystość opisuje stopień widoczności obiektu lub koloru na tle innych elementów. W grafice komputerowej najczęściej kojarzy się z kanałem alfa, czyli parametrem opacity albo alpha. Jeśli ustawisz elementowi opacity: 0.5, to nie zmieniasz jego nasycenia, tylko sprawiasz, że częściowo prześwituje. Kolor może być bardzo nasycony i jednocześnie półprzezroczysty, więc to są inne cechy.
Dopełnienie koloru to jeszcze inna sprawa. Chodzi o barwę leżącą po przeciwnej stronie koła barw, na przykład czerwony i cyjan albo niebieski i pomarańczowy. Takie zestawienia są ważne w projektowaniu graficznym, bo dają mocny kontrast kolorystyczny, ale nie mówią nic o intensywności samej barwy. Można mieć kolor dopełniający mocno nasycony albo prawie szary.
Jasność koloru dotyczy tego, czy kolor jest ciemny czy jasny, często wiąże się z parametrem lightness w HSL albo value w HSV. Typowy błąd myślowy polega na tym, że intensywny kolor wydaje się komuś automatycznie jaśniejszy. Nie zawsze tak jest. Granat może być bardzo nasycony, ale nadal ciemny, a pastelowy żółty może być jasny, lecz słabo nasycony. Saturacja to po prostu nasycenie, czyli siła i czystość barwy. Moim zdaniem najlepiej zapamiętać to na przykładzie suwaka Saturation w programach graficznych: przesuwasz go w dół i obraz robi się coraz bardziej szarawy, a nie bardziej przezroczysty czy jaśniejszy.
Dopełnienie koloru to jeszcze inna sprawa. Chodzi o barwę leżącą po przeciwnej stronie koła barw, na przykład czerwony i cyjan albo niebieski i pomarańczowy. Takie zestawienia są ważne w projektowaniu graficznym, bo dają mocny kontrast kolorystyczny, ale nie mówią nic o intensywności samej barwy. Można mieć kolor dopełniający mocno nasycony albo prawie szary.
Jasność koloru dotyczy tego, czy kolor jest ciemny czy jasny, często wiąże się z parametrem lightness w HSL albo value w HSV. Typowy błąd myślowy polega na tym, że intensywny kolor wydaje się komuś automatycznie jaśniejszy. Nie zawsze tak jest. Granat może być bardzo nasycony, ale nadal ciemny, a pastelowy żółty może być jasny, lecz słabo nasycony. Saturacja to po prostu nasycenie, czyli siła i czystość barwy. Moim zdaniem najlepiej zapamiętać to na przykładzie suwaka Saturation w programach graficznych: przesuwasz go w dół i obraz robi się coraz bardziej szarawy, a nie bardziej przezroczysty czy jaśniejszy.