Kleuren in CSS

Heel vaak zul je een kleur aan gaan passen. Kleuren kun je aangeven op verschillende manieren: met kleurnamen, met hexadecimale waarden en met rgb waarden. Voorbeelden

• kleurnamen: h1 {color: red; } (140 kleurnamen)
• decimale rgb-waarden: h2 {color: rgb(255,128,0); } ruim 16 miljoen kleuren *)
• hexadecimale rgb-waarden: h3 {color: #ffcc71; } ruim 16 miljoen kleuren *)
• p {color: #fca; } (verkorte hexadecimale notatie van 4096 kleuren, waarbij #fca = #ffccaa
• bijvoorbeeld: p {color: #fff; background-color: #8a2be2}

De laatste stijlregel zorgt voor witte letters op een "blueviolet" achtergrond.
Hoewel je de vier kleurnotaties door elkaar kunt gebruiken, geven we de voorkeur aan het gebruik van één notatie: de lange hexadecimale notatie.

*) 256³ = 16.777.216 kleuren
**) zie ook http://www.colorpicker.com/