HTML barvy RGB a RGBA

Hodnota barvy RGB představuje ČERVENÉ, ZELENÉ a MODRÉ světelné zdroje.

Hodnota barvy RGBA je rozšířením RGB o alfa kanál (neprůhlednost).

Hodnoty barev RGB

V HTML lze barvu zadat jako hodnotu RGB pomocí tohoto vzorce:

rgb ( červená, zelená , modrá )

Každý parametr (červená, zelená a modrá) definuje intenzitu barvy s hodnotou mezi 0 a 255.

To znamená, že existuje 256 x 256 x 256 = 16777216 možných barev!

Například rgb(255, 0, 0) se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (255) a další dvě (zelená a modrá) jsou nastaveny na 0.

Další příklad, rgb(0, 255, 0) se zobrazí jako zelená, protože zelená je nastavena na nejvyšší hodnotu (255) a další dvě (červená a modrá) jsou nastaveny na 0.

Chcete-li zobrazit černou, nastavte všechny parametry barev na 0, například takto: rgb(0, 0, 0).

Chcete-li zobrazit bílou, nastavte všechny parametry barev na 255, například takto: rgb(255, 255, 255).

Experimentujte smícháním hodnot RGB níže:

Odstíny šedi

Odstíny šedé jsou často definovány pomocí stejných hodnot pro všechny tři parametry:

Hodnoty barev RGBA

Hodnoty barev RGBA jsou rozšířením hodnot barev RGB o alfa kanál – který určuje krytí pro barvu.

Hodnota barvy RGBA je určena pomocí:

rgba ( červená, zelená , modrá, alfa )

Parametr alfa je číslo mezi 0,0 (plně průhledné) a 1,0 (vůbec neprůhledné):

Experimentujte smícháním hodnot RGBA níže: