De converter accepteert elke CSS hex-vorm: 6-cijferig #ff5733, de verkorte 3-cijferige vorm #f53, en de 4- en 8-cijferige vormen met een alphakanaal, met of zonder #. Je krijgt de rgb()- of rgba()-string, de losse kanaalwaarden en een uitsplitsing per kanaal te zien - plus een rij om juist van RGB naar hex te gaan. Alles draait in je browser - geen upload, geen account, geen limiet.
Hex naar RGB Converter
Draait volledig in je browser - niets uploaden, geen account.
CSS
rgb(255, 87, 51)RGB-waarden
255, 87, 51Hoe het wordt omgezet
Rood
FF255Groen
5787Blauw
3351Andersom? RGB naar hex
#ff5733Hoe zet ik hex om naar RGB?
Een hexkleur bestaat uit drie paren hexadecimale cijfers, een paar per kanaal. Zet elk paar om naar een decimaal getal van 0 tot 255: in #ff5733 is ff gelijk aan 255 rood, 57 aan 87 groen en 33 aan 51 blauw, dus de RGB-waarde is rgb(255, 87, 51). Deze converter doet dat direct terwijl je typt.
Zo werkt het
- 1Voer een hexcode in. Typ of plak een hexkleur zoals #ff5733 (of #f53), of kies er een met het kleurstaal. De # is optioneel.
- 2Lees de RGB-waarde af. De rgb()-string, de losse 0-255-waarden en een live kleurvoorbeeld werken bij terwijl je typt, met een uitsplitsing per kanaal die laat zien hoe elk hexpaar wordt omgezet.
- 3Kopieer de notatie die je nodig hebt. Klik op Kopieer naast de rgb()-string of de losse waarden. Heb je de omgekeerde richting nodig? Vul hieronder rood, groen en blauw in om de hexcode terug te krijgen.
Voor wie
- Front-end developers die een hexcode uit een stijlgids omzetten naar rgb() om er met rgba() transparantie aan toe te voegen.
- Ontwerpers die merkkleuren verplaatsen tussen tools die hex willen (CSS, Figma) en tools die 0-255-waarden willen (sommige print- en videosoftware).
- E-mail- en marketingteams die campagnekleuren afstemmen tussen editors die maar een notatie accepteren.
- Game- en app-ontwikkelaars die 0-255-kanaalwaarden invoeren in engines en SDK's die geen hexstrings kunnen lezen.
Veelgestelde vragen
Is deze hex naar RGB converter gratis?
Ja - hij is 100% gratis, zonder registratie en zonder limiet. Alles draait in je browser.
Worden mijn kleuren ergens geupload?
Nee. De omzetting is gewone JavaScript die op je apparaat draait - er wordt niets naar een server gestuurd, en de tool blijft offline werken zodra de pagina geladen is.
Wat is de formule om hex om te zetten naar RGB?
Splits de hexcode in drie paren en zet elk paar om van grondtal 16 naar decimaal: vermenigvuldig het eerste cijfer met 16 en tel het tweede erbij op (a=10 ... f=15). In #ff5733 is ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Ondersteunt de tool de verkorte vorm zoals #f53?
Ja. In CSS-shorthand wordt elk cijfer verdubbeld, dus #f53 wordt #ff5533 en zet om naar rgb(255, 85, 51). De 4-cijferige vorm werkt hetzelfde, met het laatste cijfer als alpha.
Hoe zet de tool hex om naar RGBA?
Een 8-cijferige hexcode bevat alpha in het laatste paar. Die byte (0-255) wordt gedeeld door 255 om de 0-1-alpha te krijgen die rgba() verwacht, afgerond op drie decimalen - zo wordt #ff573380 rgba(255, 87, 51, 0.502).
Kan de tool ook RGB omzetten naar hex?
Ja. Gebruik de rij RGB naar hex onder het resultaat: vul rood, groen en blauw in met waarden van 0 tot 255 en je krijgt direct de hexcode terug. Waarden buiten bereik worden geclipt naar 0-255.
Waarom zou ik rgb() gebruiken in plaats van hex?
Vooral voor alpha en voor berekeningen: rgba(255, 87, 51, 0.5) maakt een kleur doorschijnend, en veel API's, game-engines en designspecs verwachten losse 0-255-kanaalwaarden in plaats van een hexstring.