Culori în HTML. Valori de culoare: RGBA, HSLA. Saturaţie și Luminozitate.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
Saturația poate fi descrisă ca intensitatea unei culori.
- 100% este de culoare pură, fără nuanțe de gri.
- 50% este 50% gri, dar puteți vedea în continuare culoarea.
- 0% este complet gri, nu mai puteți vedea culoarea.
Exemplu:
Luminozitate
Luminozitatea unei culori poate fi descrisă cam cât de multă lumină doriți să dați culorii, unde 0% nu înseamnă lumină (negru), 50% înseamnă 50% lumină (nici întuneric, nici lumină) 100% înseamnă lumină completă (alb).
Exemplu:
Nuanțele de gri sunt adesea definite prin setarea nuanței și a saturației la 0 și reglarea luminozitații de la 0% la 100% pentru a obține nuanțe mai închise / mai deschise:
Exemplu:
Valoarea RGBA
Valorile de culoare RGBA sunt o extensie a valorilor de culoare RGB cu un canal alfa - care specifică opacitatea unei culori.
O valoare de culoare RGBA este specificată cu:
rgba(red, green, blue, alpha)
Parametrul alfa este un număr între 0.0 (complet transparent) și 1.0 (deloc transparent):Exemplu:
Valoarea HSLA
Valorile de culoare HSLA sunt o extensie a valorilor de culoare HSL cu un canal alfa - care specifică opacitatea unei culori.
O valoare de culoare HSLA este specificată cu:
hsla(hue, saturation, lightness, alpha)
Parametrul alfa este un număr între 0.0 (complet transparent) și 1.0 (deloc transparent):Exemplu: