Průhlednost

Všechny barvy, co jsme zatím viděli byly neprůhledné. My můžeme barvám nastavovat i míru průhlednosti. Například u RGB:

color: rgba(255, 0, 0, 75%);

Všimněte si že se z rgb stalo rgba, a je zkratka pro alpha. Když je alpha 75%, tak je text ze 75 % viditelný a z 25 % průhledný.

U hexadecimálního čísla to funguje obdobně:

color: #FF0000BF;

Na konci přibyly 2 znaky, které odpovídají průhlednosti. Zase platí, že čím vyšší tyto znaky jsou, tím je text více viditelný a tím pádem méně průhledný. Tato barva bude stejná jako RGB barva nahoře i když to není na první pohled zřetelné.

HSL se změní stejně jako RGB:

color: hsla(0, 100%, 50%, 75%);

Zase vidíme, že přibilo písmeno a na konci hsl a tím pádem přibyl alpha kanál, kde nastavíme průhlednost stejně jako u RGB. Tato barva je také stejná jako RGB barva nahoře.