In deze paragraaf bespreken we de vaste kleurnamen
black | silver | gray | white | maroon | red | purple | fuchsia | green | lime | olive | yellow | navy | blue | teal | aqua |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Ondertussen zijn er 140 ondersteunde kleurnamen. Je vindt ze hier.
Om een tekst van een bepaalde paragraaf van kleur te veranderen, kun je bijvoorbeeld het volgende opnemen:
<p style="color: red;">Tekst in de kleur: red</p>
Dat levert onderstaand resultaat op:
Tekst in de kleur: red
Deze kleurnamen mag je natuurlijk ook gebruiken als achtergrondkleur. Voorgaande paragraaf met rode letters zouden we uit kunnen breiden met het attribuut background-color. Als we deze de waarde gray geven dan krijgt de paragraaf een grijze achtergrond met rode letters. Zie hieronder:
Tekst in de kleur rood op een grijze achtergrond.
Alhoewel 256 kleuren al heel wat lijkt, blijkt het toch vaak onvoldoende om de juiste kleur te treffen. Stel je maakt een website voor een vereniging of bedrijf dat beschikt over een bepaald logo met een bepaalde kleurstelling. Het is dan de eis dat kleuren van de website exact overeenkomen met de kleuren van logo.
Je kunt je voorstellen dat PSV niet blij wordt van onderstaand resultaat:
Terwijl het logo er als volgt uit had moeten zien:
Hééééél veel meer kleurmogelijkheden vind je in de volgende paragraaf