Kleurcode-converter

Alle tools

Converteer kleuren tussen HEX, RGB, RGBA, HSL, HSLA, HSV en CMYK — kies een kleur, pas de alfa aan en kopieer elk formaat direct.

#FFFFFF
Kanalen
R
G
B
Kleurformaten

Typ een HEX-, RGB(A)- of HSL(A)-waarde en elk ander formaat wordt direct bijgewerkt.

Snel palet

Gids voor kleurformaten

HEX is een hexadecimale code van 6 tekens zoals #3B82F6 die de rode, groene en blauwe kanalen opslaat (elk 00–FF). Het is de gangbaarste manier om kleuren in HTML en CSS te definiëren.

Een HEX van 8 tekens zoals #3B82F6CC voegt een laatste paar tekens toe voor de dekking (alfa). Gebruik het voor transparante kleuren in modern CSS zonder aparte rgba()-waarde.

RGB stelt een kleur in met rode, groene en blauwe waarden van 0–255, bijv. rgb(59, 130, 246). Het sluit aan op hoe schermen licht uitzenden en is ideaal voor web en digitaal ontwerp.

RGBA is RGB met een alfakanaal van 0 (transparant) tot 1 (ondoorzichtig), bijv. rgba(59, 130, 246, 0.5). Gebruik het voor overlays, schaduwen en hover-effecten.

HSL beschrijft een kleur via tint (0–360°), verzadiging en helderheid, bijv. hsl(217, 91%, 60%). Het is intuïtief om kleuren bij te stellen en handmatig paletten te maken.

HSLA is HSL plus een alfakanaal voor dekking, bijv. hsla(217, 91%, 60%, 0.5). Het combineert de leesbaarheid van HSL met controle over transparantie.

HSV, ook HSB genoemd, gebruikt tint, verzadiging en waarde (helderheid), bijv. hsv(217, 76%, 96%). Het is het model achter de kleurkiezers van de meeste ontwerpsoftware.

CMYK is een subtractief model met percentages cyaan, magenta, geel en zwart (key), bijv. cmyk(76%, 47%, 0%, 4%). Het is de standaard voor drukwerk, dus controleer belangrijke kleuren met het profiel van je drukker.

Gebruik HEX of RGB voor websites en voeg alfa toe (RGBA, HSLA of HEX van 8 tekens) als je transparantie nodig hebt. Kies HSL of HSV om paletten te ontwerpen en CMYK om bestanden voor drukwerk klaar te maken.
Delen
Gerelateerde tools
Benoemde kleur-zoeker Vind de dichtstbijzijnde CSS-benoemde kleur en de dichtstbijzijnde Tailwind-tint voor elke kleur — perceptueel gematcht, met kopieerklare waarden. Gratis
Schermkleurprikker Probeer elke pixel op je scherm met de oogdruppelaar, of kies kleuren uit een neergezette afbeelding, en verzamel ze in een kopieerklaar palet. Gratis
Pantone-kleurmatcher Zoek elke Pantone solid-coated code op om de HEX-, RGB- en CMYK-waarden te lezen, of voer een HEX/RGB-kleur in en vind direct de dichtstbijzijnde Pantone-match — allemaal in je browser. Gratis
Verloopgenerator vanuit afbeelding Haal een prachtig verloop uit een foto — zet een afbeelding neer, kies een stemming en de dominante kleuren worden versleepbare verloopstops. Kopieer direct klaar-voor-gebruik CSS. Gratis
Kleurcontrast-checker Controleer de WCAG-contrastratio tussen tekst- en achtergrondkleur — zie AA/AAA slaag-zakresultaten voor normale tekst, grote tekst en UI-componenten, met een live voorvertoning en suggesties voor toegankelijke kleuren. Gratis
Verloopgenerator Bouw lineaire, radiale en conische CSS-verlopen van nul af met versleepbare multi-stop bediening en samengestelde presets. Kopieer direct klaar-voor-gebruik CSS. Gratis
Populaire zoekopdrachten
kleurcode omzetten hex naar rgb rgb naar hex hex naar hsl kleurformaten converteren online kleur converter
Hulp nodig?
Een probleem met deze tool gevonden? Laat het ons weten.
Een probleem melden

Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.