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:
rgb(255, 99, 71)
ČERVENÉ
ZELENÁ
MODRÝ
Příklad
Odstíny šedi
Odstíny šedé jsou často definovány pomocí stejných hodnot pro všechny tři parametry:
Příklad
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:
rgba (255, 99, 71, 0,5)
ČERVENÉ
ZELENÁ
MODRÝ
ALFA