HTML- kleuren
HTML-kleuren worden gespecificeerd met vooraf gedefinieerde kleurnamen of met RGB-, HEX-, HSL-, RGBA- of HSLA-waarden.
Kleurnamen
In HTML kan een kleur worden gespecificeerd door een kleurnaam te gebruiken:
HTML ondersteunt 140 standaard kleurnamen .
Achtergrond kleur
U kunt de achtergrondkleur voor HTML-elementen instellen:
De pijn zelf is de liefde Daarom is het voor de minste die komt, wie onze normale praktijk verdraagt om te profiteren van de gevolgen
Voorbeeld
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Tekst kleur
U kunt de kleur van de tekst instellen:
Hallo Wereld
De pijn zelf is de liefde
Daarom is het voor de minste die komt, wie onze normale praktijk verdraagt om te profiteren van de gevolgen
Voorbeeld
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Rand kleur
U kunt de kleur van de randen instellen:
Hallo Wereld
Hallo Wereld
Hallo Wereld
Voorbeeld
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Kleurwaarden
In HTML kunnen kleuren ook worden gespecificeerd met RGB-waarden, HEX-waarden, HSL-waarden, RGBA-waarden en HSLA-waarden.
De volgende drie <div>-elementen hebben hun achtergrondkleur ingesteld met RGB-, HEX- en HSL-waarden:
De volgende twee <div>-elementen hebben hun achtergrondkleur ingesteld met RGBA- en HSLA-waarden, wat een alfakanaal aan de kleur toevoegt (hier hebben we 50% transparantie):
Voorbeeld
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>