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