HTML/Zápis barev

Z Wikiknih

Barvy se v HTML dají zapsat různými způsoby. Barvy budeme zapisovat pro zjednodušení a větší názornost do HTML pomocí staršího tagu font color v xHTML už nevalidním.

Pomocí jména barvy
- Některé barvy jsou již pojmenované a mají svoje jméno, které stačí jen uvést.^[1]

<font color="white">bílý text</font>

Pomocí hexadecimálního zápisu
- Na počítačových monitorech jsou barvy složeny za 3 barevných kanálů červeného (R), zeleného (G) a modrého (B). Barvy v HTML můžete zapsat pomocí tohoto modelu RGB. Kde jsou hodnoty zapsány pomocí dvojic čísel ze šestnáctkové soustavy (#00aa5c). Před čísly je charakteristická '#'. Pořadí barev v šestičíslí koresponduje s modelem RGB. V případě, že jsou všude samé nuly (#000000), vznikne černá a naopak pokud jsou všude efka (#ffffff), vznikne bílá. Vzhledem k tomu, že se vychází z šestnáctkové (hexadecimální) soustavy, tak od každé barvy může být celkem 256 sytostí, což dohromady dává 16 777 216 kombinací (model má tudíž barevnou hloubku 24 bitů).

<font color="#ff0000">červená</font>

Zkrácený hexadecimální zápis
- Pokud je každé ze tří dvojčíslí ze stejných čísel (např. #ffaa33 nebo #9955dd), tak se v CSS může zápis zkrátit na pouhé tři cifry (zkrácený příklad #fa3; #95d).

V CCS3 je možné použít i alfakanál, který udává transparentnost barvy, a to takto: rgba(255, 0, 0, 0.5)

V CCS3 je též možný zápis HLS barev, včetně alfakanálu, a to takto: hsla(240, 100%, 50%, 0.5)