fbpx

HTML colors

Do HTML můžeme přidávat barvy, které jsou předdefinovány, ale i jako HEX, RGB, RGBA apod. Při kombinaci barev fontu a pozadí, je dobré používat nástroj pro kontrolu kontrastu. Všech cca 140 předdefinovaných HTML barev naleznete např. na Wikipedii.

Barvy smuton.cz v HEXa kódu.

Díky atributu „background-color“ lze přidat barvu pozadí HTML tagu. Lze použít jak název předdefinované barvy nebo v podobě HEXA či RGB kódu.

<h1 style="background-color:Tomato;">Tomato</h1>
<h1 style="background-color:#b85151;">Červená - použit HEX kód</h1>
<h1 style="background-color:rgb(129, 217, 193);">Tyrkysová - použit RGB kód</h1>
<h1 style="background-color:rgb(10, 84, 147, 0.5);">Tmavě modrá - použit RGBA kód a 50% transparentnost pozadí</h1> <!--RGBA má k dispozici možnost nastavení transparentnosti. V tomto případě 0.5, tedy 50% transparentní pozadí celého elementu.-->
<h1 style="background-color:rgb(10, 84, 147, 1);">Tmavě modrá - použit RGBA kód bez transparentní barvy.</h1>

Barva textu pomocí atributu „style“.

<h1 style="color:Tomato;">Tomato</h1>
<h1 style="color:#b85151;">Červená - použit HEX kód</h1>
<h1 style="color:rgb(129, 217, 193);">Tyrkysová - použit RGB kód</h1>

Barevné ohraničení textu pomocí atributu „style“+ barevný text.

<h1 style="border:2px solid; color:Tomato;">Tomato</h1>
<h1 style="border:2px solid; color:#b85151;">Červená - použit HEX kód</h1>
<h1 style="border:2px solid; color:rgb(129, 217, 193);">Tyrkysová - použit RGB kód</h1>

Barevné ohraničení textu pomocí atributu „style“+ defaultní barva textu.

<h1 style="border:2px solid Tomato;">Tomato</h1>
<h1 style="border:2px solid #b85151;">Červená - použit HEX kód</h1>
<h1 style="border:2px solid rgb(129, 217, 193);">Tyrkysová - použit RGB kód</h1>