CSS barvy RGB
Hodnota barvy RGB představuje ČERVENÉ, ZELENÉ a MODRÉ světelné zdroje.
Hodnota RGB
V CSS lze barvu určit jako hodnotu RGB pomocí tohoto vzorce:
rgb ( červená, zelená , modrá )
Každý parametr (červená, zelená a modrá) definuje intenzitu barvy mezi 0 a 255.
Například rgb(255, 0, 0) se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (255) a ostatní 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 šedé jsou často definovány pomocí stejných hodnot pro všechny 3 světelné zdroje:
Příklad
Hodnota 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