Een hex-code is een korte reeks die een scherm precies vertelt welke kleur het moet tonen. Hij begint met een hekje en gebruikt zes tekens, zoals #1BB1ED. Achter de schermen zijn die zes tekens drie paren: één voor rood, één voor groen en één voor blauw, elk van 00 (niets) tot FF (vol). Meng die drie hoeveelheden en je krijgt elke kleur die een scherm kan tonen.
Zie het als een exact verfrecept. Zeggen dat een merkkleur lichtblauw is, is vaag, maar #1BB1ED is precies, dus een developer in het ene land en een drukker in het andere komen op exact dezelfde tint uit. Die precisie is de reden dat hex-codes de basis vormen van merkrichtlijnen en direct in design tokens gaan. Het is simpelweg een compacte manier om een RGB-waarde te schrijven, en dat is wat het scherm echt gebruikt.
Waarom hexadecimaal en niet gewone cijfers? Omdat elk paar van 00 tot FF loopt, en dat is tellen in zestientallig, waarbij de tekens na de 9 doorgaan met A tot en met F. FF staat gelijk aan 255, het hoogste dat één kleurkanaal haalt. Daarom is zuiver zwart #000000 en zuiver wit #FFFFFF.
Er is ook een handige korte vorm. Een code van drie tekens als #FFF wordt #FFFFFF, en #1BE wordt #11BBEE, dus sommige ontwerpers gebruiken die voor simpele waarden. Maar wees voorzichtig met handmatig wijzigen: één verkeerd teken verschuift de kleur, en een per ongeluk getypte spatie breekt de code stilletjes.
Hex is gemaakt voor schermen, niet voor papier. Voor drukwerk reken je meestal om naar een ander systeem, omdat inkt kleur anders mengt dan licht. Maar voor alles op een beeldscherm is de hex-code de standaard die je kopieert, deelt en hergebruikt.
Bij TopDevs leggen we merkkleuren vroeg vast op exacte hex-waarden en slaan we ze op als tokens, zodat elke pagina en component dezelfde tint toont zonder afwijking.
