Co to jest RGB?
RGB to model kolorów używany do wyświetlania barw na urządzeniach emitujących światło, np. monitorach komputerowych, ekranach smartfonów, telewizorach i projektorach. Nazwa pochodzi od trzech składowych barw światła:
- R — red, czyli czerwony,
- G — green, czyli zielony,
- B — blue, czyli niebieski.
Model RGB jest modelem addytywnym, czyli kolory powstają przez dodawanie światła. Im większa intensywność składowych, tym jaśniejszy kolor.
Jak działa RGB?
Każdy kolor jest tworzony przez połączenie trzech wartości: czerwonej, zielonej i niebieskiej. W grafice komputerowej i CSS najczęściej każda składowa przyjmuje wartość od 0 do 255.
Przykłady:
rgb(255, 0, 0)— czerwony,rgb(0, 255, 0)— zielony,rgb(0, 0, 255)— niebieski,rgb(0, 0, 0)— czarny,rgb(255, 255, 255)— biały.
RGB w CSS
W tworzeniu stron internetowych model RGB jest często używany do określania kolorów elementów HTML.
body {
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
}
button {
background-color: rgb(0, 120, 255);
}
Można też spotkać zapis szesnastkowy, np. #FF0000, który również opisuje kolor w modelu RGB.
RGB a druk
RGB służy głównie do ekranów. Do druku stosuje się zwykle model CMYK, ponieważ drukarki mieszają barwniki, a nie światło. Dlatego kolor widoczny na monitorze może wyglądać inaczej po wydrukowaniu.