HEX naar RGB kleurconverter
Zet elke hex-kleurcode om naar de rode, groene en blauwe kanaalwaarden en een kant-en-klare CSS rgb()-tekenreeks.
- 1
Red channel
3 × 16 + 11 = 59 - 2
Green channel
8 × 16 + 2 = 130 - 3
Blue channel
15 × 16 + 6 = 246Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Hoe werkt deze rekenmachine?
Een hex-kleur wordt naar RGB geconverteerd door de "#" te verwijderen, de 3-cijferige verkorte vorm uit te breiden naar 6 cijfers, en vervolgens elk paar hex-cijfers te lezen als een getal in basis 16 van 0 tot 255 voor rood, groen en blauw. Die drie waarden vormen de CSS-tekenreeks rgb(R, G, B) die direct in stylesheets wordt gebruikt.
Formule
How this is calculated
Voer een hex-kleur in als een 6-cijferige code (#RRGGBB) of de 3-cijferige verkorte vorm (#RGB). De converter verwijdert eerst de voorloop-"#". Als er slechts drie cijfers worden opgegeven, wordt elk cijfer verdubbeld, zodat #abc wordt uitgebreid naar #aabbcc — hierdoor blijven de verkorte en volledige vorm visueel identiek.
De zes hex-cijfers worden vervolgens gesplitst in drie paren. Elk paar is een getal in basis 16 (hexadecimaal) dat wordt ontleed tot een geheel getal in basis 10 tussen 0 en 255: R uit het eerste paar, G uit het tweede en B uit het derde. Omdat twee hex-cijfers van 00 tot FF lopen, wordt elk kanaal netjes toegewezen aan het bereik 0–255 dat door CSS en de meeste weergavesystemen wordt gebruikt.
De drie kanaalwaarden worden samengevoegd tot een CSS-tekenreeks van de vorm rgb(R, G, B). De invoer wordt gevalideerd om alleen de tekens 0–9 en a–f (niet hoofdlettergevoelig) te bevatten en om precies 3 of 6 cijfers te zijn na het verwijderen van de "#"; al het andere wordt geweigerd zodat je nooit een half-ontleed kleur krijgt.
Veelgestelde vragen
Ze beschrijven dezelfde kleurruimte. De 3-cijferige verkorte vorm herhaalt simpelweg elk cijfer, dus #f0c is identiek aan #ff00cc. Gebruik de verkorte vorm alleen wanneer elk kanaal een herhaald cijfer gebruikt.
Nee. De hex-cijfers A–F en a–f vertegenwoordigen dezelfde waarden, dus #FF8800 en #ff8800 converteren naar dezelfde rgb(255, 136, 0).
Twee hexadecimale cijfers lopen van 00 tot FF, wat gelijk is aan 0 tot 255 decimaal. Dat 8-bits bereik is de standaardprecisie voor elk kleurkanaal op schermen.
Ook bekend als
TG we-Calculate Editorial Team. (2026). HEX naar RGB kleurconverter [Online calculator]. TG we-Calculate. https://we-calculate.com/nl/calculator/hex-to-rgb-color-converter
TG we-Calculate Editorial Team. "HEX naar RGB kleurconverter." TG we-Calculate. 2026. https://we-calculate.com/nl/calculator/hex-to-rgb-color-converter.
TG we-Calculate Editorial Team, "HEX naar RGB kleurconverter," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/nl/calculator/hex-to-rgb-color-converter
@misc{wecalculate_hex_to_rgb_color_converter, title = {HEX naar RGB kleurconverter}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/nl/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }
Heeft deze rekenmachine je geholpen?