Hoe converteer ik RGB naar HEX?

Typ een RGB-waarde zoals rgb(46, 139, 87) in het RGB-veld en het HEX-veld toont meteen #2E8B57. De omzetting gebeurt automatisch zodra de waarde geldig is, zonder aparte knop.

Hoe zet ik een HEX-kleur om naar RGB?

Plak een hex-waarde zoals #2E8B57 in het HEX-veld; het RGB-veld laat direct rgb(46, 139, 87) zien. Omdat alle velden in twee richtingen synchroon lopen, werkt rgb naar hex en hex naar rgb beide kanten op.

Zit er een kleurkiezer bij om een kleur visueel te kiezen?

Ja. Naast de invoervelden vind je een native kleurkiezer en een live swatch. Kies een kleur visueel en de HEX-, RGB- en alle andere codes worden meteen ingevuld.

Kan ik elk kleurformaat bewerken en alle andere laten bijwerken?

Ja. De converter werkt in twee richtingen. Pas je RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK of CMYKA aan, dan worden de overige formaten bijgewerkt zodra de waarde geldig is.

Zet deze tool RGB om naar CMYK voor drukwerk?

Ja. De CMYK- en CMYKA-velden lopen mee zodra je een ander formaat wijzigt en geven drukklare cyaan-, magenta-, geel- en zwartwaarden. Let op: CMYK is apparaatafhankelijk, dus scherm en drukwerk kunnen licht verschillen.

Kleurtools

Online kleurconverter | RGB-, HEX-, HSL-, HSV- en CMYK-synchronisatie

Converteer kleurcodes tussen RGB, HEX, HSL, HSV en CMYK. Pas één waarde aan, zoals rgb naar hex, en alle andere formaten worden direct bijgewerkt.

Live-synchronisatieGeen upload nodig

Visuele preview

Gebruik de swatch, de native kleurkiezer en de alpha-schuif om dezelfde kleur nauwkeurig in alle formaten af te stemmen.

Voorbeeldkleur

#3B82F6

rgba(59, 130, 246, 0.84)

Kleurkiezer

#3B82F6

Alpha

0.84

Live-kanalen

HEX

R: 59
G: 130
B: 246
A: 0.84

Bewerkingstip

Als een veld tijdens het typen tijdelijk ongeldig wordt, blijft de laatst geldige kleur actief. Maak de waarde af en de andere formaten synchroniseren automatisch opnieuw.

Live-synchronisatieGeen upload nodig

Bidirectionele kleurformaat-editor

Alle formaten hieronder zijn bewerkbaar. Verander HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK of CMYKA en de andere kleurmodellen blijven meteen gesynchroniseerd.

HEX

bron

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Uitleg

RGB

RGB is een standaard kleurmodel dat bestaat uit de kanalen rood (R), groen (G) en blauw (B). Door de intensiteit van deze drie kanalen te combineren kan RGB de meeste kleuren op schermen weergeven. Het is een van de meest gebruikte kleursystemen voor digitale media.

RGBA

RGBA is RGB met een alfakanaal voor transparantie. R, G en B gebruiken meestal waarden van 0 tot 255, terwijl A meestal tussen 0 en 1 of tussen 0% en 100% ligt. Het formaat wordt vaak in CSS gebruikt wanneer dezelfde kleur verschillende opaciteiten nodig heeft.

HEX

HEX is een hexadecimale manier om kleuren te noteren. Het wordt veel gebruikt in webdesign en CSS omdat het compact en makkelijk te kopiëren is. Een waarde zoals #2E8B57 slaat rood, groen en blauw op als hex-paren, en uitgebreide varianten kunnen ook transparantie bevatten.

HSL

HSL (Hue, Saturation, Lightness) beschrijft RGB-kleuren in een cilindrisch coördinatensysteem. H staat voor de basiskleur, S voor de kleurzuiverheid en L voor de helderheid. 0% is het donkerst, 50% in balans en 100% het lichtst.

HSLA

HSLA is de HSL-variant met alfakanaal. Het behoudt tint, verzadiging en lichtheid en voegt transparantie toe, wat handig is voor schaduwen, overlays, halftransparante vullingen en UI-staten.

HSV

HSV (Hue, Saturation, Value) is een kleurruimte die in 1978 is ontwikkeld door A. R. Smith en ook bekendstaat als het Hexcone Model. Omdat Value direct aangeeft hoe helder een kleur oogt, voelt HSV vaak intuïtiever aan bij kleurselectie.

HSVA

HSVA breidt HSV uit met een alfakanaal. Dat is nuttig wanneer je met tint, verzadiging en waarde werkt en tegelijk transparantie wilt beschrijven voor interfacekleuren en gelaagde illustraties.

CMYK

CMYK is een kleurmodus voor drukwerk. Gedrukte materialen zijn zichtbaar door gereflecteerd licht en daarom geschikt voor kranten, verpakkingen en brochures. In tegenstelling tot RGB voor schermen is CMYK ontworpen voor inkt op papier.

CMYKA

CMYKA breidt CMYK uit met een alfakanaal. Dat is handig wanneer je cyaan-, magenta-, geel- en zwartwaarden samen met transparantie wilt beschrijven voor designoverdracht of gelaagde assets.

Zo gebruik je de online kleurconverter

Plak of typ een waarde in een willekeurig formaatveld, zoals HEX, RGB, RGBA, HSL, HSV of CMYK.

Zodra de waarde geldig is, zet de tool die automatisch om naar alle andere ondersteunde kleurformaten.

Gebruik het previewpaneel, de kleurkiezer, de alpha-schuif en kopieeracties om de exacte kleur te verfijnen en te exporteren.

Belangrijkste functies

Tweerichtingssynchronisatie van formaten

Wijzig elk ondersteund formaat en houd RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK en CMYKA in realtime gesynchroniseerd.

Visuele kleurbediening

Bekijk de huidige kleur direct met een live swatch, de browserkleurkiezer, de alpha-schuif en kanaalwaarden.

Browsergebaseerde conversie

Elk veld accepteert vertrouwde functienotatie, en alle conversies gebeuren in de browser voor snelheid en privacy.

Kleurconverter FAQ

Kan ik elk kleurformaat bewerken en alle andere tegelijk laten bijwerken?

Ja. De converter synchroniseert in twee richtingen. Als je RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK of CMYKA aanpast, worden de andere formaten bijgewerkt zodra de waarde geldig is.

Hoe wordt transparantie tijdens de conversie behandeld?

HEX wordt zonder alpha getoond omdat de pagina focust op de gevraagde formaten. Transparantie blijft behouden in RGBA, HSLA, HSVA en CMYKA, en de preview weerspiegelt altijd de huidige dekking.

Is deze kleurconverter privé?

Nee. Alle conversielogica draait lokaal in je browser, dus je kleurwaarden worden niet naar een server geüpload.

Zet een kleurcode in één keer om tussen HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK en CMYKA. Typ bijvoorbeeld een hex-waarde in het HEX-veld om rgb naar hex (of andersom) direct te zien, want elk veld blijft in twee richtingen gesynchroniseerd. Met de live preview, de ingebouwde kleurkiezer en de alpha-schuif stem je tint en dekking nauwkeurig af. Alle conversie gebeurt lokaal in je browser, dus je kleurwaarden worden nooit naar een server geüpload.

Zo gebruik je de kleurconverter

1
Voer een kleurwaarde in
Plak of typ een waarde in één formaatveld, bijvoorbeeld #2E8B57 voor HEX, rgb(46, 139, 87) voor RGB of hsl(146, 50%, 36%) voor HSL.
2
Zie alle formaten meelopen
Zodra de waarde geldig is, rekent de tool die meteen om naar alle andere formaten: RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK en CMYKA tegelijk.
3
Verfijn de kleur
Gebruik de live swatch, de native kleurkiezer en de alpha-schuif om tint en dekking bij te stellen, of klik op Willekeurig om nieuwe kleuren te ontdekken.
4
Kopieer of exporteer
Klik op een veld om die waarde te kopiëren, of gebruik Alles kopiëren om elk formaat in één keer over te nemen voor je CSS, ontwerpbestanden of code.

Bronnen

W3C — CSS Color Module Level 4
De W3C-specificatie die de CSS-kleurnotaties vastlegt, waaronder hex, rgb(), hsl(), hwb() en de moderne kleursyntaxis.
MDN — CSS <color>-waarde
MDN-naslagwerk over elke CSS-kleurnotatie, inclusief HEX, RGB/RGBA, HSL/HSLA en hoe alfatransparantie werkt.

Gerelateerde tools

CSS-minifier

Verklein CSS waarin je omgezette HEX-, RGB- en HSL-kleurwaarden staan.

SVG-viewer

Bekijk en inspecteer SVG-afbeeldingen die op fill- en stroke-kleuren leunen.

Afbeelding naar Base64

Codeer afbeeldingen naar Base64-strings voor inline gebruik naast je kleurstijlen.

JSON-formatter

Maak JSON met kleurenpaletten en design-tokens leesbaar en valideer die.

Veelgestelde vragen

Hoe converteer ik RGB naar HEX?: Typ een RGB-waarde zoals rgb(46, 139, 87) in het RGB-veld en het HEX-veld toont meteen #2E8B57. De omzetting gebeurt automatisch zodra de waarde geldig is, zonder aparte knop.
Hoe zet ik een HEX-kleur om naar RGB?: Plak een hex-waarde zoals #2E8B57 in het HEX-veld; het RGB-veld laat direct rgb(46, 139, 87) zien. Omdat alle velden in twee richtingen synchroon lopen, werkt rgb naar hex en hex naar rgb beide kanten op.
Zit er een kleurkiezer bij om een kleur visueel te kiezen?: Ja. Naast de invoervelden vind je een native kleurkiezer en een live swatch. Kies een kleur visueel en de HEX-, RGB- en alle andere codes worden meteen ingevuld.
Kan ik elk kleurformaat bewerken en alle andere laten bijwerken?: Ja. De converter werkt in twee richtingen. Pas je RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK of CMYKA aan, dan worden de overige formaten bijgewerkt zodra de waarde geldig is.
Hoe wordt transparantie tijdens de conversie behandeld?: HEX wordt zonder alpha getoond, maar de transparantie blijft behouden in RGBA, HSLA, HSVA en CMYKA. De preview en de alpha-schuif weerspiegelen altijd de huidige dekking.
Zet deze tool RGB om naar CMYK voor drukwerk?: Ja. De CMYK- en CMYKA-velden lopen mee zodra je een ander formaat wijzigt en geven drukklare cyaan-, magenta-, geel- en zwartwaarden. Let op: CMYK is apparaatafhankelijk, dus scherm en drukwerk kunnen licht verschillen.
Is deze kleurconverter privé?: Ja. Alle conversielogica draait lokaal in je browser, dus er worden geen kleurwaarden naar een server geüpload.