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>