Hoe werkt de HEX naar RGB conversie?
Een HEX-kleurcode is een hexadecimale weergave van een kleur, bestaande uit een hekje (#) gevolgd door zes tekens. De eerste twee tekens vertegenwoordigen de roodwaarde, de middelste twee de groenwaarde en de laatste twee de blauwwaarde. Elk paar wordt omgezet van hexadecimaal (basis 16) naar decimaal (basis 10) om de RGB-waarden te verkrijgen.
Voorbeeld: De HEX-code #FF5733 wordt als volgt omgezet: FF = 255 (rood), 57 = 87 (groen), 33 = 51 (blauw). Het resultaat is RGB(255, 87, 51), een warm oranje-rood.
Wanneer gebruik je HEX en wanneer RGB?
HEX-codes zijn compact en worden het meest gebruikt in CSS en HTML. RGB is flexibeler wanneer je transparantie wilt toevoegen via rgba(). Beide formaten beschrijven exact dezelfde kleuren – het is puur een verschil in notatie. In de praktijk gebruiken de meeste webdesigners HEX voor vaste kleuren en RGBA wanneer ze doorzichtigheid nodig hebben.
Tips voor het werken met HEX en RGB
- Verkorte HEX-codes (bv. #F00) worden automatisch uitgebreid naar #FF0000
- RGB-waarden liggen altijd tussen 0 en 255
- Gebruik rgba() in CSS voor transparantie: rgba(255, 87, 51, 0.5) voor 50% doorzichtigheid
- De meeste design tools (Figma, Photoshop) tonen zowel HEX als RGB waarden