✕
post-003-szesnastkowa-magia-dla-grafikow

Kolory na kodach

Zastanawiałeś się kiedyś, dlaczego graficy rozmawiają o kolorach używając dziwnych kodów, takich jak #FF5733 albo #00FF00? Czy to tajny kod? Nic z tych rzeczy – to po prostu szesnastkowy system liczbowy!

Czym jest system szesnastkowy?

System szesnastkowy (heksadecymalny, w skrócie "hex") to sposób zapisu liczb, w którym liczymy do 16, używając cyfr od 0 do 9 i liter A-F. Dzięki temu matematyka staje się bardziej kolorowa – dosłownie!
Graficy używają kodów hex, aby opisać kolory w projektach. Kody szesnastkowe pozwalają zapisać aż 16 777 216 różnych barw, czyli każdy kolor ma swój unikalny numer!

Jak działa hex?

Kod hex składa się z sześciu znaków poprzedzonych znakiem hash (#). Trzy pary znaków reprezentują trzy podstawowe składniki koloru: czerwony (Red), zielony (Green) i niebieski (Blue) – czyli RGB. Każda składowa może mieć wartość od 00 do FF (od 0 do 255).

Kod hex składa się z sześciu znaków poprzedzonych znakiem hash (#). Trzy pary znaków reprezentują trzy podstawowe składniki koloru: czerwony (Red), zielony (Green) i niebieski (Blue) – czyli RGB. Każda składowa może mieć wartość od 00 do FF (od 0 do 255).

Na przykład:

  • #FF0000 – kolor czerwony (maksimum czerwieni, brak zieleni i niebieskiego).

  • #00FF00 – kolor zielony (maksimum zieleni, brak pozostałych).

  • #0000FF – kolor niebieski (maksimum niebieskiego, brak czerwieni i zieleni).

#FF0000

#00FF00

#0000FF

Dlaczego graficy uwielbiają hex?

Hex jest mega praktyczny. Pozwala na precyzyjne określenie koloru, zamiast mówić "chcę trochę ciemniejszy niebieski", po prostu wpisujesz kod. Jest to też standard w tworzeniu stron internetowych, więc graficy, programiści i web designerzy mówią tym samym językiem.

Kiedy wiesz, co oznaczają te litery i cyfry, wszystko staje się prostsze.

Hex na co dzień

System szesnastkowy to nie magia, a wygodny sposób na wyrażenie kolorów. Graficy po prostu rzucają magicznymi kodami. Chociaż... może trochę magii w tym jednak jest?