Culori RGB în CSS

Valoarea RGB

O valoare de culoare RGB stabilește cantitatea de lumină roșie, verde și albastră.

În CSS se scrie ca rgb(red, green, blue). Fiecare valoare merge de la 0 la 255 și stabilește cât de puternică este acea culoare.

De exemplu, rgb(255, 0, 0) este roșu, deoarece roșul este la maximum (255), iar celelalte sunt 0. Setați toate trei la 0 pentru negru (rgb(0, 0, 0)) și toate la 255 pentru alb (rgb(255, 255, 255)).

Culori RGB

Șase culori scrise ca valori rgb().

Prompt
O pagină HTML care afișează mai multe culori scrise ca valori rgb(). Creați șase titluri cu culori de fundal: rgb(255, 0, 0), rgb(0, 0, 255), rgb(60, 179, 113), rgb(238, 130, 238), rgb(255, 165, 0) și rgb(106, 90, 205). Etichetați fiecare cu valoarea sa.
Rezultat: pagină HTML completă

Nuanțe de gri

Nuanțele de gri se obțin dând valori egale pentru roșu, verde și albastru.

Prompt
O pagină HTML care afișează nuanțe de gri create cu valori RGB egale. Creați șase titluri cu culori de fundal unde roșu, verde și albastru sunt egale: rgb(60, 60, 60), rgb(90, 90, 90), rgb(120, 120, 120), rgb(180, 180, 180), rgb(210, 210, 210) și rgb(240, 240, 240). Etichetați fiecare.
Rezultat: pagină HTML completă

Valoarea RGBA

RGBA adaugă un canal alfa la RGB, care stabilește opacitatea culorii.

Se scrie ca rgba(red, green, blue, alpha). Alfa este un număr de la 0.0 (complet transparent) la 1.0 (complet opac).

Transparență RGBA

Aceeași culoare la valori alfa crescânde, de la complet transparent la complet opac.

Prompt
O pagină HTML care afișează aceeași culoare RGB la diferite niveluri de alfa (opacitate) folosind rgba(). Creați șase titluri cu culoarea de fundal rgba(255, 99, 71, A), unde A trece prin 0, 0.2, 0.4, 0.6, 0.8 și 1. Etichetați fiecare cu valoarea sa, astfel încât creșterea opacității să fie clară.
Rezultat: pagină HTML completă