RGB naar HEX Converter

Wat deze pagina doet en waarom hij anders is

Deze pagina zet rood-, groen- en blauwwaarden (elk een getal tussen 0 en 255) om naar een hexadecimale kleurcode, zoals #1E90FF. Direct nadat u de drie getallen invoert – gescheiden door komma’s of spaties, bijvoorbeeld 79, 70, 229 – verschijnt de hexcode #4F46E5, een kleurstaal en updates van alle andere ondersteunde kleurformaten (HSL, HSV, CMYK, LAB en een kleurkiezer). Er is geen aparte converteerknop: elke aanpassing in een veld werkt alle andere velden bij.

Wat deze pagina onderscheidt van generieke converters is dat RGB en hex exact hetzelfde kleurbereik bestrijken – de sRGB-werkruimte die door de meeste beeldschermen wordt gebruikt. Er treedt geen kleurbeperking of benadering op. De hexuitvoer begint altijd met # en bevat geen alfakanaal, tenzij u later de achtcijferige hexvorm gebruikt. De tool levert standaard een zescijferige hexcode (bijvoorbeeld #4F46E5) omdat elke 0‑255‑waarde exact overeenkomt met een tweeteken hexpaar. De tool zet driekarakter-shorthand zoals #abc wel om, maar vouwt zescijferige codes niet automatisch in.

De wiskunde achter de conversie: van decimaal naar hexadecimaal

De omzetting is rechttoe rechtaan en verliesvrij, omdat zowel RGB als hex werken in dezelfde 24‑bits kleurenruimte. Elke van de drie kanalen (rood, groen, blauw) wordt opgeslagen als een decimaal getal van 0 tot en met 255. In hexadecimaal (basis 16) wordt dat getal weergegeven met twee tekens: het eerste teken is de waarde gedeeld door 16 (geheel getal), het tweede teken is de rest.

Voorbeeld: omzetting van 79 naar hex

1. 79 ÷ 16 = 4 (geheel) met rest 15.
2. In hex is 4 = 4 en 15 = F.
3. De hexwaarde voor rood wordt 4F.

Voor groen: 70 ÷ 16 = 4 rest 6 → 46.
Voor blauw: 229 ÷ 16 = 14 rest 5 → E5.

Samengevoegd: #4F46E5. De # geeft aan dat het om een hexadecimale kleurcode gaat.

Tabel met veelvoorkomende conversies

De omzetting is omkeerbaar: u kunt #4F46E5 terugrekenen naar 79, 70, 229 door de hexparen te interpreteren: 4F = 4×16 + 15 = 79, 46 = 4×16 + 6 = 70, E5 = 14×16 + 5 = 229.

Invoerformaten en grenzen: wat de tool accepteert

De tool verwacht drie getallen, elk tussen 0 en 255, gescheiden door komma’s of spaties. Omdat er geen scheidingstekenknop is, kunt u zowel 79, 70, 229 als 79 70 229 gebruiken. Leidende nullen zijn toegestaan, dus 079, 070, 229 werkt ook. De tool past automatisch de juiste hexwaarde toe.

Hexinvoerveld: hier kunt u zowel zescijferige codes (#4F46E5) als driekarakter shorthand (#abc) invoeren. De tool breidt #abc intern uit tot #AABBCC. De uitvoer is altijd zescijferig; u ziet nooit #ABC als resultaat, tenzij u die zelf invoert en de tool vervolgens de andere velden bijwerkt.

Acceptabele notaties voor RGB:

• 255,128,0 (kommascheiding)
• 255 128 0 (spatiescheiding)
• 255, 128, 0 (spaties rond komma’s)

Niet acceptabel: extra tekst zoals rgb(255,128,0) of decimale punten (255.5). De tool toont dan een foutmelding.

Randgevallen en foutmeldingen

Als u een waarde buiten het bereik 0–255 invoert, of een onjuist formaat, verschijnt de foutmelding:
”Enter RGB as three numbers 0–255, like 79, 70, 229.”

Deze melding is bewust engelstalig gehouden, omdat het een directe kopie is van de interface. De tool verwerkt niets op een server – alle omzettingen gebeuren in uw browser. Er wordt geen data opgeslagen of verzonden.

Belangrijk randgeval: omdat RGB en hex beide in de sRGB-ruimte werken, is er geen sprake van out‑of‑gamut. In tegenstelling tot een RGB‑naar‑CMYK‑conversie, waar kleuren buiten het drukbereik kunnen vallen, is de omzetting hier exact en omkeerbaar. Dit betekent dat u elke willekeurige combinatie van 0‑255 kunt invoeren en altijd een geldige hexcode terugkrijgt.

Driekarakter shorthand: als u #fff in het hexveld typt, breidt de tool het stilzwijgend uit naar #FFFFFF. De RGB‑waarden worden dan 255, 255, 255. Dit is handig voor CSS, maar let op: de tool geeft nooit zelf een driekaraktercode terug.

Wie heeft deze tool nodig?

• Front‑end ontwikkelaars die CSS-eigenschappen zoals color of background‑color moeten voorzien van hexwaarden, terwijl de ontwerpspecificatie in RGB is aangeleverd.
• UI/UX-ontwerpers die kleurgegevens uit software als Photoshop of Figma halen (waar RGB‑waarden gebruikelijk zijn) en die willen omzetten voor handoff naar ontwikkelaars.
• Grafisch ontwerpers die webassets maken: ze controleren of de kleur consistent blijft tussen RGB‑prototypes en uiteindelijke hex‑gecodeerde uitvoer.
• Studenten en hobbyisten die de relatie tussen decimaal en hexadecimaal leren. Door te spelen met de tool zien ze meteen het effect van een kleine wijziging in de R‑, G‑ of B‑waarde.
• Iedereen die kleurkiezerdata gebruikt – veel browserdevtools retourneren RGB‑waarden; deze tool geeft direct de bijbehorende hexcode.

Achtergrond: RGB, sRGB en de relatie met hex

RGB (rood, groen, blauw) is een additief kleurmodel: door licht van verschillende intensiteiten te mengen, ontstaan alle kleuren. De 0‑255‑schaal komt historisch voort uit 8‑bits per kanaal (2⁸ = 256 mogelijkheden). Hexadecimaal is niets meer dan een compacte notatie: FF is korter dan 255 en past in twee tekens.

De sRGB‑standaard (standard RGB) is de gangbare werkruimte voor beeldschermen, web en de meeste software. Zowel RGB‑waarden als hexcodes verwijzen naar dezelfde sRGB‑kleurenkaart. Daarom is omzetting verliesvrij – zolang u binnen sRGB blijft. Als u later naar CMYK converteert voor drukwerk, kan dat wel tot kleurverschillen leiden, omdat CMYK subtractief werkt en een kleiner kleurbereik heeft.

Verschil tussen additief en subtractief:

• RGB (licht) – hoe meer van elk kanaal, hoe lichter de kleur. 255,255,255 = wit.
• CMYK (inkt) – hoe meer inkt, hoe donkerder. 0,0,0,0 = wit; 100% van elke kleur = donkerbruin/zwart.

Hex hoort bij de additieve wereld. Een code als #000000 betekent “geen rood, geen groen, geen blauw” – dus zwart op een scherm.

Gebruik van hex in CSS

In CSS kunt u hexcodes gebruiken voor de meeste kleureigenschappen:

color: #4F46E5;
background-color: #1E90FF;

U kunt ook driekarakter shorthand gebruiken als de paren uit dezelfde tekens bestaan: #AABBCC wordt #ABC. De tool accepteert dat, maar voert altijd de volle vorm uit. De achtcijferige hexvorm (bijv. #4F46E5FF) voegt een alfakanaal toe (twee hexcijfers voor dekking). Deze pagina ondersteunt die notatie in het hexveld, maar de RGB‑ingang heeft geen alfakanaal, dus de uitvoer blijft op zes cijfers.

Veelgestelde vragen (FAQ)

Vraag: Waarom krijg ik een foutmelding als ik rgb(255,128,0) invoer?
Antwoord: De tool verwacht alleen de getallen, niet de rgb()‑functie. Gebruik 255, 128, 0 of 255 128 0.

Vraag: Kan ik ook hex naar RGB omzetten met deze pagina?
Antwoord: Ja, indirect. Vul een hexcode in het hexveld, dan worden de RGB‑waarden automatisch bijgewerkt. Het is een tweerichtingsconverter, al is de focus van deze pagina RGB‑naar‑hex.

Vraag: Waarom toont de tool geen driekarakter hex (bijv. #ABC)?
Antwoord: De uitvoer is altijd zes cijfers, omdat iedere 0‑255‑waarde twee hexcijfers vereist. Driekarakter is alleen een shorthand voor CSS; de echte waarde heeft zes cijfers.

Vraag: Wat gebeurt er als ik 256, 0, 0 invoer?
Antwoord: De tool geeft de foutmelding, omdat 256 buiten het bereik 0–255 valt. Hetzelfde voor negatieve getallen of komma’s op verkeerde plaatsen.

Vraag: Wordt mijn invoer opgeslagen of verstuurd?
Antwoord: Nee. Alle berekeningen vinden lokaal in uw browser plaats. Er wordt niets naar een server gestuurd.

Vraag: Waarom is de conversie exact en niet bij benadering?
Antwoord: Omdat RGB (decimaal) en hex (hexadecimaal) hetzelfde kleurbereik en dezelfde precisie (8 bit per kanaal) gebruiken. Het zijn alleen verschillende notaties van dezelfde getallen.