Hexadecimale kleurcodes

Katinka Hesselink 2006

In mijn kleurtabellen worden hexadecimale kleurcodes gebruikt. Deze manier van coderen heeft per kleur 16x 16 mogelijkheden. Hierbij wordt geteld van 0 tot F (dus 0,1,2, ... , A, B, C,D,E,F). Als je hieronder bij gray (grijs) 808080 ziet staan betekent dat dus 8 rood, 8 groen en 8 blauw. Omdat alle kleuren even sterk zijn, ontstaat een grijs. Indianred daar onder heeft vanzelfsprekend meer rood namelijk CD (C is meer dan 8 en geeft dus meer kleur). Net als bij het decimale tellen telt de C harder dan de D. 80 verschilt niet zoveel van 81 als 18 van 88. 

Hexadecimale kleuren in CSS

Ik gebruik het zelfde voorbeeld als bij de kleuren-namen, dus #cd5c5c is het zelfde als indianred en #F0F8FF is het zelfde als aliceblue .
 
p {color: #cd5c5c; background-color: #F0F8FF;}

Dit levert weer deze opmaak op.

Hexadecimale kleuren afkorten

Om die reden kun je hexadecimale kleuren ook afkorten: #FFF betekent het zelfde als #FFFFFF: oftewel wit. Als je niet zoveel nuance in je kleur nodig hebt kun je dus voor grijs ook kiezen: #888. Dit wordt precies zo weer gegeven als #888888. Indianred is precies #CD5C5C, maar ongeveer #C55, wat wordt weergegeven als #CC5555. Bijvoorbeeld: 

Kleur   Rood Groen Blauw
gray # 80 80 80
indianred # CD 5C 5C
yellow # FF FF 00
aliceblue # F0 F8 FF

Browserveilige kleuren

De zogenaamde browser-safe colors ( volledige lijst browserveilige kleuren ) hebben steeds twee keer achter elkaar dezelfde letter. Deze zijn dus allemaal zonder nuance verlies af te korten. Bijvoorbeeld: 

 
#990000 = #900
 
 
#9900FF = #90F
 
 
#99FF00 = #9F0
 
 
#99FFFF = #9FF