Wat is een hexcode?
Een hexcode is de notatie waarmee je op een website een kleur precies vastlegt: een hekje gevolgd door zes tekens.
Dezelfde code levert overal precies dezelfde kleur op. Dat is waarom hij bestaat.
“Donkerblauw” is een mening; een hexcode is een afspraak.
Waar hij voor gebruikt wordt
Voor alles wat met kleur te maken heeft op je site: je tekst, je knoppen, je achtergronden en je randen.
Je legt ze één keer vast en gebruikt daarna alleen die codes. Meer daarover lees je bij css.
Waarom zes tekens
Twee voor rood, twee voor groen en twee voor blauw. Elk paar geeft de hoeveelheid van die kleur aan.
Meer daarover lees je bij hoe je een hexcode leest.
Waar je ze vindt
In je huisstijldocument, in je ontwerpbestand, of met een kleurenkiezer in je browser of je ontwerpprogramma.
Heb je ze niet, dan kun je ze uit een afbeelding van je logo halen. Meer daarover lees je bij figma.
Mijn vuistregels
- Leg je kleuren vast als hexcodes, niet als omschrijving.
- Bewaar ze op één plek waar iedereen bij kan.
- Gebruik alleen die codes; geen varianten die er net naast zitten.
- Zet erbij waarvoor elke kleur bedoeld is.
Die laatste maakt het verschil tussen een lijstje codes en een bruikbare afspraak.
Wat je ermee voorkomt
Zeven tinten blauw op één site, omdat iedereen een net iets andere kleur koos.
Dat is de meest voorkomende bron van een onrustig ogende site. Meer daarover lees je bij design system.
De verkorte notatie
Sommige codes kunnen in drie tekens, als elk paar uit dezelfde tekens bestaat. Dat is dezelfde kleur, korter opgeschreven.
Meer daarover lees je bij waar je je kleuren vastlegt.