RGB w CSS

RGB to sposób zapisu koloru za pomocą trzech składowych: czerwonej, zielonej i niebieskiej. W CSS zapisuje się go najczęściej funkcją rgb().

Składnia

color: rgb(czerwony, zielony, niebieski);

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

• 0 oznacza brak danej barwy,
• 255 oznacza maksymalne natężenie danej barwy.

Przykład koloru czerwonego

p {
  color: rgb(255, 0, 0);
}

Ten zapis ustawia tekst akapitu na kolor czerwony, ponieważ maksymalna jest tylko składowa czerwona, a zielona i niebieska mają wartość 0.

Inne przykłady

color: rgb(0, 255, 0);   /* zielony */
color: rgb(0, 0, 255);   /* niebieski */
color: rgb(0, 0, 0);     /* czarny */
color: rgb(255, 255, 255); /* biały */

RGB a zapis szesnastkowy

Kolor czerwony można zapisać również jako:

color: #FF0000;

Nie wolno jednak mieszać składni, np. zapis rgb(#FF0000) jest niepoprawny. Funkcja rgb() oczekuje trzech wartości liczbowych lub procentowych, a zapis #FF0000 jest osobnym formatem koloru.