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.

  1. Pomocí jména barvy
    • Některé barvy jsou již pojmenované a mají svoje jméno, které stačí jen uvést.[1]
    • <span style="color:white;">bílý text</span>
  2. 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ů).
    • <span style="color:#ff0000;">červená</span>
  3. 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).
  4. V CCS3 je možné použít i alfakanál, který udává transparentnost barvy, a to takto: rgba(255, 0, 0, 0.5)
  5. V CCS3 je též možný zápis HLS barev, včetně alfakanálu, a to takto: hsla(240, 100%, 50%, 0.5)

Odkazy editovat

  1. Odkaz na seznam pojmenovaných barev

Dále editovat

◄ HTML/Úvod do CSS Zápis barev HTML/Editování textu ►