HEX naar RGB converter
Zet een hex-kleurcode om naar RGB-waarden.
Draait in je browser. Niets van wat je typt wordt ergens naartoe gestuurd.
- 3, 4, 6 of 8 cijfers
- Ook RGBA en HSL
- Kopiëren met één klik
Zo converteer je HEX naar RGB
- Typ of plak een hexcode, met of zonder de #.
- De RGB-, RGBA- en HSL-waarden werken bij terwijl je typt.
- Klik op de kopieerknop naast de waarde die je nodig hebt.
Voorbeelden van HEX naar RGB
| Hex | RGB | Opmerking |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Standaard 6-cijferige hex |
| #F80 | rgb(255, 136, 0) | 3-cijferige verkorting, dezelfde kleur |
| #000000 | rgb(0, 0, 0) | Zwart |
| #FFFFFF | rgb(255, 255, 255) | Wit |
| #FF880080 | rgba(255, 136, 0, 0.5) | 8-cijferige hex met alpha |
Een verkorte code en de volledige versie ervan geven altijd exact dezelfde kleur, omdat elk verkort cijfer simpelweg wordt verdubbeld.
Waar hexcodes vandaan komen
Ontwerptools zoals Figma en Photoshop, en de DevTools van elke browser, tonen een kleur standaard als hex, omdat dat de kortste manier is om een exacte kleur als tekst te schrijven.
Hex maakt al deel uit van het web sinds de vroegste kleurattributen van HTML in de jaren 90, lang voordat de CSS-functies rgb() en hsl() bestonden. Die geschiedenis is waarom hex nog steeds het formaat is waarmee de meeste stijlgidsen beginnen.
Veelgemaakte fouten met hexcodes
- Een hexcode heeft 3, 4, 6 of 8 cijfers nodig. Een lengte van 5 of 7 is ongeldig en wordt niet omgezet.
- Sommige oudere Windows-API's slaan kleuren op als BGR in plaats van RGB, dus een code die uit legacy code is gekopieerd kan rood en blauw verwisseld hebben.
- De laatste twee cijfers van een 8-cijferige code zijn alpha, geen vierde kleurkanaal, dus #FF880000 is volledig transparant, geen donkerder oranje.
Veelgestelde vragen over HEX naar RGB
Hoe converteer ik HEX naar RGB met de hand?
Splits de code in drie paren en zet elk paar om van grondtal 16 naar grondtal 10. Voor #F08A3C geeft dat F0 = 240, 8A = 138 en 3C = 60, dus rgb(240, 138, 60).
Wat is een 3-cijferige hexcode?
Een verkorte notatie waarbij elk cijfer wordt verdubbeld. #F80 is dezelfde kleur als #FF8800, en #000 is zwart.
Wat betekenen de laatste twee cijfers van een 8-cijferige hexcode?
Dat is de alpha, oftewel de dekking. #FF880080 is oranje met ongeveer 50 procent dekking, hetzelfde als rgba(255, 136, 0, 0.5).
Moet de code beginnen met een #?
Nee. De converter accepteert codes met of zonder #, in hoofdletters of kleine letters.
Waarom wordt mijn hexcode als ongeldig getoond?
Een hexcode moet precies 3, 4, 6 of 8 cijfers zijn met 0-9 en A-F. Een lengte zoals 5 of 7, of een teken buiten dat bereik, wordt niet omgezet.
Kan ik een CSS-variabele plakken zoals var(--brand)?
Nee, plak de letterlijke kleurwaarde. Zoek eerst op waar de variabele naar verwijst, bijvoorbeeld in het paneel Computed styles van de DevTools van je browser.
Wat is de kortst mogelijke hexcode?
3 cijfers, zoals #000 voor zwart of #fff voor wit. Elk cijfer staat voor een verdubbeld paar in de volledige 6-cijferige waarde.