Wat is het verschil tussen hex en RGB?
Het verschil tussen hex en RGB is alleen de schrijfwijze. Beide beschrijven precies dezelfde kleur.
RGB gebruikt drie getallen van 0 tot 255. Hex schrijft diezelfde drie waarden compacter op, in paren van twee tekens.
#ff0000 en rgb(255, 0, 0) zijn hetzelfde rood.
Wanneer je RGB gebruikt
Als je met doorzichtigheid werkt. De variant met een vierde waarde laat je een kleur gedeeltelijk doorschijnend maken.
Dat is handig voor een donkere laag over een afbeelding. Meer daarover lees je bij css.
Wanneer hex
Voor vaste kleuren in je huisstijl. Korter op te schrijven en makkelijker door te geven.
De meeste huisstijldocumenten gebruiken hex. Meer daarover lees je bij design system.
De derde notatie
Er is ook een schrijfwijze met kleurtoon, verzadiging en helderheid. Die is prettiger als je varianten van een kleur wilt maken.
Wil je een lichtere versie van je huisstijlkleur, dan hoef je daar maar één getal te veranderen.
Mijn vuistregels
- Hex voor je vaste huisstijlkleuren.
- RGB met doorzichtigheid voor overlappende lagen.
- Kleurtoonnotatie als je varianten wilt afleiden.
- Kies er één per project en houd je eraan.
Die laatste voorkomt drie notaties door elkaar in hetzelfde opmaakbestand.
Omrekenen
Elke ontwerptool en elke online kleurenkiezer rekent het voor je om. Je hoeft dat nooit met de hand te doen.
Meer daarover lees je bij figma.
Voor drukwerk
Daar geldt een heel ander systeem, met vier inktkleuren. Een hexcode omrekenen naar drukwerk levert bijna nooit exact dezelfde kleur op.
Meer daarover lees je bij hoeveel kleuren een huisstijl nodig heeft.