Jste zde

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.

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)}