Barvy a jejich kódování

• jsou důležité pro "první dojem" ze spuštěné stránky
• musí být používány rozumně
• zadáváme:
  • názvem barvy (zde uvádíme jen 16 základních barev) - další pojmenováné barvy a barvy tzv bezpečné naleznete zde 
    • pozor na americký pravopis!!! - někdy se liší od anglického
  • číselným kódem v hexadecimální číselné soustavě (všechny odstíny - 16 777 216 barev)
  • číselným kódem v desítkovém soustavě (všechny odstíny - 16 777 216 barev)
  • procentním zápisem (jen část barevných odstínů - 1 000 000 barev) - méně častý
  • základní barvy včetně odpovídajícího slovního, hexadecimálního, dekadického a procentuálního zápisu (vysvětlení dále) udává tabulka:

Zopakujme si:

• každá barva se skládá ze tří základních složek barvy:
  • červená - R
  • zelená - G
  • modrá - B
• odstím každé barvy se ukládá do 1 bajtu
  • každý bajt se skládá z 8 bitů, tj. osmi nul a jedniček
    • celkem můžeme vytvořit 256 kombinací osmi nul a jedniček - tj. čísla od 0 do 255 včetně (1 až 255 + 0)
    • tzn. 256 odstínů každé složky barvy, v praxi:
      • 0 - daná složka barvy chybí až 255 - daná složka barvy je maximální
• kombinací 256 odstínů každé složky barvy lze získat  16 777 216 barev (256³)

Číselný kód v dekadické podobě:

• zadáváme v dekadické podobě odstím každé složky v přesném pořadí R,G,B
• zápis má tvar - znaky RGB a v závorce ve stejném pořadí odstín jednotlivých složek oddělený čárkou, bezpodmínečně nutno dodržet pořadí:

• udává se podobně, jako v dekadické podobě, číslo z desítkové sostavy musíme převést do šestnáctkové
• protože pro vyjádření číslic máme jen deset znaků (0 1 2 3 4 5 6 7 8 9) a v ššestnáctkové soustavě potřebujeme 16 číslic, použijeme pro vyjádření číslic vyšších než 9 písmena abecedy: A B C D E F, tedy všech 16 číslic: 0 1 2 3 4 5 6 7 8 9 A B C D E F
• převod je pak jednoduchý - viz tabulka

• 
• výhodou je, že pro každou složku barvy použijeme dvě číslice ve stejném pořadí jako u dekadického vyjádření
• před číselný kód vkládáme znak # (na české klávesnici: "pravé alt + x"), sdělující prohlížeči, že se jedná o hexadecimálkní zápis
• příklad: 
  • barva pozadí této stránky: #FFFFCC
    • FF - maximální červená
    • FF - maximální zelená
    • CC - cca 80% modrá
• hodnota 00 říká, že daná složka v barvě není
• hodnota FF říká, že daná složka je nejintenzivnější
• určení šestnáctkového čísla chtěného odstínu barvy, pokud nám ho program neudá sám - viz obrázek - odstín modré:
  • v některém programu schopného určit odstín (Malování, Word...) vybereme barvu
  • ve stejném okně si přečteme decimální hodnotu odstínu složek barvy - viz obr.
    • červená: 67
    • zelená: 79
    • modrá: 182
  • na vědecké kalkulačce zadáme tuto decimální hodnotu a pak zaškrtneme v levé části políčko HEX, na displeji se ukáže hledaná hodnota
    • 67   ....  # 43
    • 79   ....  # 4F
    • 182 ....  # B6
  • barvu pak zadáme: #434FB6
  • většina lepších editorů webových stránek nám přímo převede zvolenou barvu do čísleného, nebo slovního kódu