INF.04Aplikacje Webowe (Frontend & Backend)
Model barw RGB (Red, Green, Blue)
Addytywny model przestrzeni barw, w którym kolory powstają przez nakładanie wiązek światła o trzech składowych: czerwonej (R), zielonej (G) i niebieskiej (B) w zakresie 0-255.
Zasada działania modelu RGB
Model RGB (Red, Green, Blue) to model mieszania addytywnego (dodawania światła), wykorzystywany we wszystkich urządzeniach emitujących światło (monitory, ekrany smartfonów, projektory, telewizory).
Synteza barw w RGB:
- Brak światła: R=0, G=0, B=0 → Czarny (
#000000). - Maksymalne natężenie wszystkich składowych: R=255, G=255, B=255 → Biały (
#FFFFFF). - Barwy podstawowe i pochodne:
- Czerwony + Zielony (R=255, G=255, B=0) → Żółty (Yellow) (
#FFFF00). - Czerwony + Niebieski (R=255, G=0, B=255) → Magenta / Karmazynowy (
#FF00FF). - Zielony + Niebieski (R=0, G=255, B=255) → Cyjan / Błękitny (Cyan) (
#00FFFF).
- Czerwony + Zielony (R=255, G=255, B=0) → Żółty (Yellow) (
Zapis koloru RGB w CSS / kodzie:
- Postać dziesiętna:
rgb(30, 144, 255)– wartości każdej składowej od 0 do 255. - Postać szesnastkowa (HEX):
#1E90FF– każda para cyfr szesnastkowych to jedna składowa:- 30_10 = 1E_16
- 144_10 = 90_16
- 255_10 = FF_16
- Kanał alfa (RGBA):
rgba(255, 0, 0, 0.5)– czwarta wartość określa przezroczystość (opacity) od 0.0 (całkowicie przezroczysty) do 1.0 (w pełni kryjący).
Pułapki na egzaminie INF.04:
- Przeliczanie RGB ↔ HEX: Pytania egzaminacyjne często wymagają zamiany kodu np.
RGB(255, 105, 180)na kod heksadecymalny#FF69B4. - RGB vs CMYK: RGB to model addytywny (ekrany, emitowanie światła); CMYK to model subtraktywny (druk, pochłanianie światła farbami: Cyan, Magenta, Yellow, Black).
Chcesz sprawdzić to pojęcie w praktyce?
Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Model barw RGB (Red, Green, Blue) lub rozpocznij trening.