Een kleurcode is een precieze manier om een kleur als tekst vast te leggen, zodat software exact de tint toont die je bedoelt. “Blauw” zeggen laat ruimte voor duizenden interpretaties; #1BB1ED schrijven laat geen enkele ruimte. De code verwijst naar een exacte mix van waarden die een scherm of document elke keer identiek kan weergeven.
Het werkt als een adres voor kleur. Net zoals een straatnaam plus huisnummer naar één specifiek huis wijst, wijst een kleurcode naar één specifieke tint uit miljoenen. Het bekendste formaat op het web is de hex-code, maar dezelfde kleur kun je ook in RGB of andere notaties schrijven, afhankelijk van het medium. Welke je gebruikt, hangt af van waar de kleur leeft, en daarom letten teams op kleurmodellen. Er zijn meerdere formaten, en elk past bij een klus. Hex is compact en leest snel als je het eenmaal kent. RGB schrijft rood, groen en blauw als getallen uit, wat sommigen helderder vinden. HSL beschrijft tint, verzadiging en lichtheid, zodat een tint iets lichter zetten één getal is en geen drie. Ze wijzen uiteindelijk allemaal naar dezelfde pixel.
Kleurcodes zorgen er ook voor dat een merk consistent blijft. Als elke knop, kop en icoon naar dezelfde code verwijst in plaats van dat een ontwerper het op het oog inschat, blijft jouw blauw jouw blauw door het hele product heen. Kies twee keer een kleur op het oog en je krijgt twee net iets andere blauwen. Dat is precies waarom je ze centraal opslaat in plaats van ze telkens met de hand over te typen.
Bij TopDevs leggen we de exacte kleurcodes van een klant één keer vast en verwijzen we er overal naar, zodat het merk op elk scherm hetzelfde oogt en niet stilletjes gaat afwijken.
