Co to jest RGB w CSS?
RGB to model zapisu koloru oparty na trzech składowych:
- R – red (czerwony)
- G – green (zielony)
- B – blue (niebieski)
W CSS każda z tych wartości najczęściej przyjmuje zakres od 0 do 255. Im większa liczba, tym większy udział danej składowej w kolorze.
Przykład:
color: rgb(255, 12, 12);
Oznacza to kolor z maksymalną ilością czerwieni oraz niewielką ilością zieleni i niebieskiego.
Zapis RGB a zapis szesnastkowy
Ten sam kolor można zapisać także w postaci szesnastkowej:
color: #FF0C0C;
Konwersja wygląda tak:
- 255 = FF
- 12 = 0C
- 12 = 0C
Po połączeniu otrzymujemy:
#FF0C0C
Gdzie stosuje się RGB?
Model RGB jest używany głównie w:
- CSS
- grafice ekranowej
- projektowaniu stron internetowych
- interfejsach użytkownika
Jest to naturalny model dla urządzeń emitujących światło, takich jak monitor, ekran telefonu czy telewizor.
Najważniejsze zasady egzaminacyjne
Przy zadaniach egzaminacyjnych warto pamiętać:
- wartości RGB są podawane w kolejności R, G, B
- każdą wartość z zakresu 0–255 można zamienić na zapis szesnastkowy
- w zapisie hex każda składowa musi mieć dwa znaki
- liczba 12 zapisuje się jako 0C, a nie tylko C
Przykłady
rgb(255, 0, 0) -> #FF0000
rgb(0, 255, 0) -> #00FF00
rgb(0, 0, 255) -> #0000FF
rgb(255, 12, 12) -> #FF0C0C
Podsumowanie
Jeśli w zadaniu podano kolor 255 12 12 w modelu RGB, to na stronie WWW można go zapisać jako:
#FF0C0C
To poprawny szesnastkowy odpowiednik wartości RGB.