Preskočiť na obsah
Guide Apr 5, 2026 · 6 min read

Ako počítač vytvára farby: RGB, HEX a binárne čísla

#FF0000. #00FF00. #0000FF. Tieto zápisy ste určite videli v dizajnovom návrhu alebo v kóde. Vyzerajú ako šifra alebo herný kód. V skutočnosti sú to názvy farieb.

#FF0000
#00FF00
#0000FF

Zhora nadol: červená, zelená, modrá. Takto počítač označuje farby. Vysvetlíme, odkiaľ tento zápis pochádza.

RGB — tri písmená, ktoré tvoria farbu

Red, Green, Blue. Tri základné farby svetla. Z ich pomeru vznikajú všetky farby, ktoré vidíme.

RGB vidíme každý deň

Všade tam, kde je obrazovka, nájdete RGB.

  • Monitor / TV — každý pixel sa skladá z troch bodov: červeného, zeleného a modrého
  • Obrazovka smartfónu — rovnaká štruktúra, len menšie pixely
  • LED klávesnica pre hráčov — pod každým klávesom sú tri LED diódy R·G·B
  • Osvetlenie PC skrinky — RGB pásiky vysielajú RGB signál

Ak obrazovku dostatočne priblížite, uvidíte to sami. Červená, zelená, modrá. Nič viac. Milióny malých RGB bodov dohromady vytvárajú jeden obraz na obrazovke.

Farby vznikajú miešaním

Každý kanál RGB má intenzitu od 0 do 255.

  • RGB(255, 0, 0) — len červená na maximum → čistá červená
  • RGB(0, 255, 0) — len zelená na maximum → čistá zelená
  • RGB(255, 255, 0) — červená + zelená → žltá
  • RGB(0, 0, 0) — všetko vypnuté → čierna
  • RGB(255, 255, 255) — všetko na maximum → biela

Že miešaním červenej a zelenej vznikne žltá, môže pôsobiť neintuitívne — ale tu ide o skladanie svetla. Platia iné pravidlá ako pri miešaní farieb na výtvarnej výchove (červená + zelená = hnedá). Svetlo sa sčítava: čím viac ho pridáte, tým je obraz jasnejší, a dohromady dajú bielu.

Skúste posunúť tri posuvníky a presvedčte sa sami.

#FF5733
RGB · 255 · 87 · 51
R 255 11111111
G 87 01010111
B 51 00110011

Osemciferné číslo vpravo je binárna reprezentácia daného kanála. Keď posúvate posuvník, číslo sa mení spolu s ním. Nasledujúca téma je o tom, ako 0 a 1 dokážu vyjadriť 256 hodnôt.

Prečo práve 0 až 255?

Počítač pracuje výhradne s hodnotami 0 a 1. Jedna pozícia, ktorá uchováva hodnotu 0 alebo 1, sa nazýva bit. S každým pridaným bitom sa počet vyjadriteľných hodnôt zdvojnásobí.

0/1
1 bit
= 2 hodnoty
0/10/1
2 bity
= 4 hodnoty
0/10/10/10/1
4 bity
= 16 hodnôt
0/10/10/10/1 0/10/10/10/1
8 bitov
= 256 hodnôt ← jeden kanál RGB

8 bitov = 1 bajt (byte). Jedna farba má tri kanály RGB, teda celkovo 3 bajty = 24 bitov. 24 bitov dokáže vyjadriť asi 16,7 milióna farieb — dosť na to, aby ľudské oko nerozoznalo rozdiely, a preto sa 1 bajt stal štandardom pre jeden kanál.

Binárne čísla — prečítajme si ich sami

Každá pozícia má pevne danú hodnotu. Zľava doprava: 128, 64, 32, 16, 8, 4, 2, 1 — mocniny čísla 2.

1282⁷
642⁶
322⁵
162⁴
82³
42²
22¹
12⁰

Ak sčítate hodnoty všetkých pozícií, kde je napísaná 1, dostanete desatinné číslo.

Príklad 1
0128
064
032
016
18
04
12
01
8 + 2 = 10
Príklad 2
1128
164
132
116
08
04
02
01
128 + 64 + 32 + 16 = 240
Príklad 3 — všetkých 8 pozícií = 1
1128
164
132
116
18
14
12
11
128 + 64 + 32 + 16 + 8 + 4 + 2 + 1 = 255

Preto je maximálna hodnota 8 bitov 255. To je presný dôvod, prečo má jeden kanál RGB rozsah 0–255.

HEX — rovnaké číslo, len kratšie

RGB(255, 255, 255). To je 16 znakov. Písať ich opakovane do jedného riadku CSS alebo políčka v dizajnovom nástroji je zdĺhavé. Preto vznikol spôsob, ako rovnaké číslo zapísať kratšie.

Čo je hexadecimálna sústava

Hexadecimálna sústava vyjadruje jedným znakom hodnoty od 0 do 15. Bežné číslice sú len 0–9, teda 10 symbolov. Chýbajúcich 6 si požičiava z abecedy.

0→0
1→1
2→2
3→3
4→4
5→5
6→6
7→7
8→8
9→9
10→A
11→B
12→C
13→D
14→E
15→F

Pravidlá sú tri:

  • 0–9 ostávajú tak, ako sme zvyknutí
  • Od 10 ďalej začína A
  • F je maximálna jednocifernová hodnota (= 15)

Prečo práve hexadecimálna sústava?

Štvorciferné binárne číslo (0000 – 1111) vyjadrí presne 16 hodnôt.

0000→0
0001→1
0010→2
0011→3
0100→4
0101→5
0110→6
0111→7
1000→8
1001→9
1010→A
1011→B
1100→C
1101→D
1110→E
1111→F

4 binárne cifry = 1 hexadecimálny znak. Štyri znaky sa skrátia na jeden. Keďže jeden kanál RGB má 8 bitov, presne zodpovedá dvom hexadecimálnym znakom.

Ako previesť RGB na HEX

Preveďme RGB(255, 87, 51).

01
Hodnotu R prevedieme do hexadecimálnej sústavy
255→FF
02
Hodnotu G prevedieme do hexadecimálnej sústavy
87→57
03
Hodnotu B prevedieme do hexadecimálnej sústavy
51→33
04
Pridáme # na začiatok a zoradíme R·G·B
#FF5733

Zo 14 znakov zostane 7 znakov.

Ako odhadnúť farbu z HEX kódu

Obrátene — keď sa pozriete na HEX, dokážete odhadnúť, akú farbu predstavuje.

  • #FF5733 — R na maxime (FF), G na strede (57), B nízke (33) → oranžová s dominantnou červenou
  • #3576E0 — R nízke (35), G stredné (76), B silné (E0) → modrá s jemným nádychom fialovej
  • #29A85A — R nízke (29), G silné (A8), B nízke (5A) → svieža zelená

Stačí sa pozrieť na tri dvojice znakov a hneď viete, či ide o odtieň oranžovej alebo modrej — dizajnér a vývojár tak hovoria rovnakým jazykom.

Zhrnutie v jednom rade

  • RGB — tri kanály: červená, zelená, modrá, každý 0–255
  • Binárnych 8 bitov — základ 256 hodnôt, ktoré jeden kanál vyjadruje
  • HEX — spôsob, ako rovnaké číslo zapísať kratšie — na dva znaky

Keď tieto tri koncepty do seba zapadnú, kód farby prestane pôsobiť cudzokrajne. Tri čísla RGB sú práve šesť znakov HEX.

Ďalším krokom je previesť tieto čísla do jazyka dizajnéra. Požiadavky ako „trochu svetlejšie”, „menej sýte” alebo „rovnaké na papieri” sa pomocou RGB a HEX riešia len veľmi ťažko. Ako to riešia HSL, CMYK a OKLCH, sa dozviete v RGB nestačí: farebné notácie HSL, CMYK a OKLCH.