CSS HEX barvy
Hexadecimální barva je určena pomocí: #RRGGBB, kde RR (červená), GG (zelená) a BB (modrá) hexadecimální celá čísla určují složky barvy.
HEX hodnota
V CSS lze barvu zadat pomocí hexadecimální hodnoty ve tvaru:
# rrggbb
Kde rr (červená), gg (zelená) a bb (modrá) jsou hexadecimální hodnoty mezi 00 a ff (stejné jako desítkové 0-255).
Například #ff0000 se zobrazí jako červená, protože červená je nastavena na nejvyšší hodnotu (ff) a ostatní na nejnižší hodnotu (00).
Chcete-li zobrazit černou, nastavte všechny hodnoty na 00 takto: #000000.
Chcete-li zobrazit bílou, nastavte všechny hodnoty na ff, takto: #ffffff.
Experimentujte smícháním HEX hodnot níže:
#ff6347
Č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
3místná HEX hodnota
Někdy ve zdroji CSS uvidíte 3místný hexadecimální kód.
3místný hexadecimální kód je zkratka pro některé šestimístné hexadecimální kódy.
3místný hexadecimální kód má následující tvar:
# rgb
Kde r, g a b představuje červenou, zelenou a modrou složku s hodnotami mezi 0 a f.
3místný hexadecimální kód lze použít pouze v případě, že obě hodnoty (RR, GG a BB) jsou pro každou součást stejné. Pokud tedy máme #ff00cc, lze to napsat takto: #f0c.
Zde je příklad:
Příklad
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}