10.1 CSS - nastavení barev (studijní text)

Zápis barev

Barvy se dají zapisovat různými způsoby. Důležité je určit si jeden způsob a toho se držet.

1. anglické pojmenování barvy
   • např.: red, green, blue, yellow,
   • nejjednodušší, ale omezené množství barev
2. RGB kódem s hexadecimální (šestnáctkovým) číslem 00 až FF
   • např.: #FF00FF, zkráceně při stejných hodnotách v páru: #F0F = #FF00FF),
   • na začátku se vždy píše křížek #,
   • nejpoužívanější, přes 16 milionů možných barev
3. RGB kódem s desítkovým číslem 0 až 255:
   • např.: rgb(128,0,255),
   • totéž jako v předchozím případě.

Na druhou stranu je však nutné říci, že v praxi nelze použít všech 16 milionů možných barev, jelikož lidské oko není schopno všechny odstíny odlišit a také z důvodu kompatibility různých zobrazovacích zařízení. Proto se určil systém tzv. bezpečných barev, které se na 100% zobrazí na všech zařízení. Na odkazech níže najdete články o pojmenovaní barev.

• Základní barvy
• Bezpečné barvy
• Pojmenované barvy
• Systémové barvy

Generátor RGB kódů barev

Barva popředí (text)

color

• barva čehokoliv se definuje vlastností COLOR a hodnotou barvy (viz výše)

selektor {color: #FF0000}
selektor {color: yellow}
selektor {color: rgb(128,128,128)}

Barva pozadí

background-color

• barva pozadí čehokoliv se definuje vlastností BACKGROUNG-COLOR a hodnotou barvy

selektor {background-color: #FF0000}
selektor {background-color: yellow}
selektor {background-color: rgb(128,128,128)}