3.3 Barvy

Zobrazit na projektor

Barvy se dají zapisovat:

1) pomocí některých anglických názvů. Seznam s ukázkami barev je například zde:

https://www.w3schools.com/colors/colors_names.asp  

http://www.klikzone.cz/sekce-html/html-barvy.php

 

2) pomocí RGB hexadecimálních kódů
(čísel napsaných v šestnáctkové soustavě: 0123456789abcdef)

Každý hexadecimální kód začíná dvojitým křížkem #, který se zapisuje pravý Alt+x 
a pokračuje třemi dvojčísly pro barvy červenou zelenou modrou (rgb znamená red green blue).

Čím je hodnota barvy vyšší, tím více "svítí": 
příklady:
#ff0000 je červená,   #00ff00 je zelená,   #0000ff je modrá,  #000000 je černá,   #ffffff je bílá 

 

Na internetu existují pomůcky pro míchání barev a určení jejich rgb kódu, například: 

https://color.hailpixel.com

http://drpeterjones.com/colorcalc

https://kle.cz/barvy/michacka-barev.html

 

Obarvi pozadí celé stránky pomocí atributu použitého v tagu body: 

<body style="background-color: #číslobarvy">

 

Na této stránce obarvi tři věty různými odstíny jedné barvy. Např pomocí tagu:

<span style="color: #číslobarvy"> První obarvená věta. </span>

Rozšíření: 

Pravidla používání barev 

1) na webové stránce používáme málo barev - nesmí být barevně přeplácaná

2)  všechny barvy musí spolu ladit 

3) barvy se používvají v různých odstínech (světlejší - tmavší odstíny)

4) barva musí být zvolena v souladu se obsahem stránky - každá barva působí na člověka jinak

5) text vždy musí být dostatečně zřetelný, tj. kontrastní: tmavý text na světlém pozadí nebo naopak

 

Pomůcky na internetu k vyhledání sladěných barevných odstínů:

https://www.sessions.edu/color-calculator/

http://coloreminder.com/

http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

http://www.perbang.dk/color+scheme/