CSS- kleuren
Kleuren worden gespecificeerd met behulp van vooraf gedefinieerde kleurnamen of RGB-, HEX-, HSL-, RGBA-, HSLA-waarden.
CSS-kleurnamen
In CSS kan een kleur worden gespecificeerd door een vooraf gedefinieerde kleurnaam te gebruiken:
Tomaat
Oranje
DodgerBlauw
MediumZeeGroen
Grijs
Leisteenblauw
paars
Lichtgrijs
CSS/HTML ondersteunt 140 standaard kleurnamen .
CSS-achtergrondkleur
U kunt de achtergrondkleur voor HTML-elementen 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="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
CSS-tekstkleur
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>
CSS-randkleur
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>
CSS-kleurwaarden
In CSS kunnen kleuren ook worden gespecificeerd met RGB-waarden, HEX-waarden, HSL-waarden, RGBA-waarden en HSLA-waarden:
Zelfde als kleurnaam "Tomato":
RGB(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
Zelfde als kleurnaam "Tomato", maar 50% transparant:
rgba (255, 99, 71, 0,5)
hsla (9, 100%, 64%, 0,5)
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>