Nasycenie koloru (saturacja)

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Czym jest nasycenie koloru?

Nasycenie koloru, inaczej saturacja, określa intensywność lub „czystość” barwy. Im większe nasycenie, tym kolor wygląda bardziej żywo i wyraźnie. Im mniejsze nasycenie, tym kolor staje się bardziej przygaszony, aż do odcieni szarości.

Przykład: intensywna czerwień ma wysokie nasycenie, natomiast blady róż lub szarawa czerwień mają nasycenie niższe.

Nasycenie a inne cechy koloru

Nasycenia nie należy mylić z:

  • jasnością — określa, czy kolor jest jaśniejszy czy ciemniejszy,
  • przezroczystością — określa stopień widoczności tła przez element,
  • barwą — określa rodzaj koloru, np. czerwony, zielony, niebieski.

W pytaniach egzaminacyjnych słowo saturacja należy kojarzyć bezpośrednio z terminem nasycenie.

Nasycenie w modelach HSL i HSV

W modelach kolorów HSL i HSV litera S oznacza właśnie saturation, czyli nasycenie.

W CSS można zapisać kolor w modelu HSL:

color: hsl(0, 100%, 50%);

W tym przykładzie:

  • 0 oznacza barwę, czyli odcień czerwieni,
  • 100% oznacza pełne nasycenie,
  • 50% oznacza jasność.

Zmniejszenie nasycenia powoduje mniej intensywny kolor:

color: hsl(0, 30%, 50%);

Wniosek egzaminacyjny

Jeżeli w pytaniu pojawia się termin saturacja koloru, poprawnym odpowiednikiem jest nasycenie koloru.