CSS HEX-kleuren
Een hexadecimale kleur wordt gespecificeerd met: #RRGGBB, waarbij de RR (rood), GG (groen) en BB (blauw) hexadecimale gehele getallen de componenten van de kleur specificeren.
HEX-waarde
In CSS kan een kleur worden gespecificeerd met een hexadecimale waarde in de vorm:
#rrggbb _
Waarbij rr (rood), gg (groen) en bb (blauw) hexadecimale waarden zijn tussen 00 en ff (hetzelfde als decimaal 0-255).
#ff0000 wordt bijvoorbeeld weergegeven als rood, omdat rood is ingesteld op de hoogste waarde (ff) en de andere op de laagste waarde (00).
Om zwart weer te geven, stelt u alle waarden in op 00, als volgt: #000000.
Om wit weer te geven, stelt u alle waarden in op ff, als volgt: #ffffff.
Experimenteer door de onderstaande HEX-waarden te mengen:
#ff6347
ROOD
GROENTE
BLAUW
Voorbeeld
Grijstinten worden vaak gedefinieerd met gelijke waarden voor alle 3 de lichtbronnen:
Voorbeeld
3-cijferige HEX-waarde
Soms ziet u een 3-cijferige hexadecimale code in de CSS-bron.
De 3-cijferige hexadecimale code is een afkorting voor sommige 6-cijferige hexadecimale codes.
De 3-cijferige hexadecimale code heeft de volgende vorm:
#rgb _
Waarbij r, g en b staan voor de rode, groene en blauwe componenten met waarden tussen 0 en f.
De 3-cijferige hexadecimale code kan alleen worden gebruikt als beide waarden (RR, GG en BB) voor elk onderdeel hetzelfde zijn. Dus als we #ff00cc hebben, kan het als volgt worden geschreven: #f0c.
Hier is een voorbeeld:
Voorbeeld
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}