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 |