Przejdź do głównej zawartości
Strona w budowie. Niektóre treści mogą być niedostępne. Prosimy o cierpliwość.

Kolory RGB w CSS

Model RGB opisuje kolor jako kombinację czerwonego (R), zielonego (G) i niebieskiego (B).


  • Składniki RGB zapisujemy jako liczby od 0 do 255, np. rgb(255, 0, 0).
  • Możemy też dodać kanał przezroczystości (alfa): rgba(255, 0, 0, 0.5).

Przykład

<p style="color: rgb(255, 0, 0);">Czerwony (rgb).</p>
<p style="color: rgb(0, 128, 0);">Zielony (rgb).</p>
<p style="background-color: rgba(33, 150, 243, 0.3);">Niebieskie tlo z przezroczystoscia.</p>

  1. Wybierz kilka kolorów i zapisz je w formie RGB.
  2. Dodaj do strony elementy z półprzezroczystym tłem (rgba).
  3. Poeksperymentuj ze składowymi R, G, B, aby zobaczyć, jak zmienia się kolor.