RGB naar HEX kleurconverter
Converteer elke rode, groene en blauwe kleurwaarde naar een webklare #RRGGBB hex-code en een CSS rgb()-tekenreeks.
#4287F5 · rgb(66, 135, 245)
#4287F5
color mixRed
14.8%
Green
30.3%
Blue
54.9%
Hoe werkt deze rekenmachine?
Om RGB naar HEX te converteren, rond je elk kanaal af en begrens je het tot 0-255, schrijf je elk vervolgens als een tweecijferig hexadecimaal paar en voeg je ze samen na een "#". Zo wordt rgb(66, 135, 245) bijvoorbeeld #4287F5. Dezelfde kanalen vormen ook de CSS-tekenreeks rgb(66, 135, 245), die een identieke kleur beschrijft.
Formule
How this is calculated
Elk kleurkanaal — Rood, Groen en Blauw — is een 8-bits waarde die loopt van 0 tot 255. Voer de drie kanaalwaarden in; elke invoer wordt afgerond op het dichtstbijzijnde gehele getal en begrensd binnen het bereik 0..255 zodat waarden buiten het bereik geldig blijven.
Om de hex-code te bouwen, wordt elk kanaal omgezet van decimaal naar basis 16 (hexadecimaal). Eén byte (0-255) wordt toegewezen aan precies twee hex-cijfers, dus elke waarde wordt indien nodig aangevuld met een voorloopnul (bijvoorbeeld 5 wordt "05"). De drie tweecijferige paren worden samengevoegd na een voorloop-"#" en in hoofdletters geplaatst om het standaard #RRGGBB-formaat te produceren dat in CSS en designtools wordt gebruikt.
De CSS rgb()-tekenreeks vermeldt simpelweg dezelfde begrensde gehele kanalen als rgb(R, G, B). Beide notaties beschrijven dezelfde kleur: #FFFFFF is gelijk aan rgb(255, 255, 255) (wit) en #000000 is gelijk aan rgb(0, 0, 0) (zwart). De ring toont het relatieve gewicht van elk kanaal in de mix.
Veelgestelde vragen
Standaard RGB gebruikt 8 bits per kanaal, wat 256 mogelijke niveaus (0-255) geeft voor rood, groen en blauw. Waarden onder 0 of boven 255 worden tot dat bereik begrensd.
Een waarde van 0 tot 255 past in één byte, wat precies twee hexadecimale cijfers is (00 tot FF). Kleinere getallen worden aangevuld met nullen zodat het resultaat altijd zes cijfers in totaal is.
Ja. Het zijn twee notaties voor dezelfde kleur. De hex-vorm is compact terwijl rgb() beter leesbaar is; beide zijn geldige CSS-kleurwaarden.
Ook bekend als
TG we-Calculate Editorial Team. (2026). RGB naar HEX kleurconverter [Online calculator]. TG we-Calculate. https://we-calculate.com/nl/calculator/rgb-to-hex-color-converter
TG we-Calculate Editorial Team. "RGB naar HEX kleurconverter." TG we-Calculate. 2026. https://we-calculate.com/nl/calculator/rgb-to-hex-color-converter.
TG we-Calculate Editorial Team, "RGB naar HEX kleurconverter," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/nl/calculator/rgb-to-hex-color-converter
@misc{wecalculate_rgb_to_hex_color_converter, title = {RGB naar HEX kleurconverter}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/nl/calculator/rgb-to-hex-color-converter}}, year = {2026}, note = {TG we-Calculate} }
Heeft deze rekenmachine je geholpen?