RGB i kod szesnastkowy koloru

RGB to addytywny model barw, w którym kolor powstaje przez mieszanie światła: Red, Green, Blue, czyli czerwonego, zielonego i niebieskiego. Model RGB jest używany m.in. w monitorach, grafice komputerowej, HTML i CSS.

Jak działa RGB?

Każda składowa koloru ma zwykle wartość od 0 do 255:

• R - ilość czerwieni,
• G - ilość zieleni,
• B - ilość niebieskiego.

Przykłady:

• czarny: rgb(0, 0, 0) - brak światła,
• biały: rgb(255, 255, 255) - pełne światło wszystkich składowych,
• czerwony: rgb(255, 0, 0),
• zielony: rgb(0, 255, 0),
• niebieski: rgb(0, 0, 255).

Zapis szesnastkowy

W HTML i CSS często używa się zapisu HEX w postaci:

#RRGGBB

Każda para znaków oznacza jedną składową RGB w systemie szesnastkowym:

• RR - czerwony,
• GG - zielony,
• BB - niebieski.

Wartość FF w systemie szesnastkowym oznacza 255, czyli maksymalne natężenie danej barwy. Wartość 00 oznacza brak tej składowej.

Kolor żółty w RGB

Kolor żółty powstaje przez połączenie czerwonego i zielonego światła, bez niebieskiego:

color: #FFFF00;

Oznacza to:

• FF - pełna czerwień,
• FF - pełna zieleń,
• 00 - brak niebieskiego.

Dlatego poprawny kod szesnastkowy koloru żółtego to #FFFF00.