NL

Kleurconverter: HEX, RGB, HSL, HSV, CMYK

Voer een kleur in willekeurig formaat in, bijvoorbeeld #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%) of cmyk(76%, 47%, 0%, 4%). De converter herkent het formaat en toont dezelfde kleur in alle andere notaties.

HEX, rgb(), hsl(), hsv()/hsb(), hwb(), cmyk() in procenten of drie getallen zoals “59, 130, 246”
Je invoer wordt alleen in deze browser opgeslagen.

Kleurvoorbeeld

#3B82F6

Resultaat

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217.2, 91.2%, 59.8%)
HSV / HSB
hsv(217.2, 76%, 96.5%)
HWB
hwb(217.2 23.1% 3.5%)
CMYK (benadering)
cmyk(76%, 47%, 0%, 4%)
Herkend invoerformaat
HEX
CMYK is slechts een benadering: de eenvoudige formule rekent zonder ICC-kleurprofiel. De juiste waarden voor drukwerk hangen af van het kleurprofiel van je drukker (bijv. ISO Coated v2, PSO Coated v3) – laat de omzetting daar doen of doe dat in je opmaaksoftware met dat profiel.

Zo wordt het berekend

Hoe de kleurconverter rekent

Alle formaten beschrijven dezelfde kleur in de sRGB-kleurruimte, de standaard voor schermen en het web. De basis is steeds de RGB-waarde met drie kanalen van 0 tot 255:

Voorbeeld #3B82F6: R = 59/255 = 0,231, G = 0,510, B = 0,965. Grootste waarde 0,965, kleinste 0,231. Helderheid L = (0,965 + 0,231) ÷ 2 = 59,8%, verzadiging S = (0,965 − 0,231) ÷ (1 − |2 × 0,598 − 1|) = 91,2%, tint H = 217,2°. Resultaat: hsl(217.2, 91.2%, 59.8%).

Waarom CMYK slechts een benadering is

Inkt gedraagt zich anders dan licht: welke CMYK-waarde een schermkleur het beste benadert, hangt af van het papier, het drukproces en de inktdekking. Die eigenschappen staan in een ICC-kleurprofiel. De formule hier kent geen enkel profiel: voor puur blauw geeft ze bijvoorbeeld “cmyk(100%, 100%, 0%, 0%)”, wat gedrukt merkbaar paarser oogt. Gebruik voor drukwerk dus de waarden van je drukker of zet om in je opmaaksoftware met diens profiel.

Afronding

RGB en HEX zijn gehele getallen en dus exact. HSL, HSV en HWB worden met één decimaal getoond, CMYK in hele procenten. De waarden gebruiken een punt als decimaalteken, zodat je ze direct in CSS kunt plakken.

Veelgestelde vragen

Hoe zet ik HEX om naar RGB?

Elk cijferpaar is één kanaal in hexadecimaal: #3B82F6 → 3B = 3 × 16 + 11 = 59, 82 = 8 × 16 + 2 = 130, F6 = 15 × 16 + 6 = 246. Resultaat: rgb(59, 130, 246).

Kan ik de CMYK-waarden gebruiken voor drukwerk?

Alleen als ruwe richtlijn. De omzetting gebeurt zonder ICC-kleurprofiel. Het profiel van je drukker is bepalend: vraag daar de juiste CMYK-waarden op of zet om in je opmaaksoftware met dat drukprofiel.

Wat is het verschil tussen HSL en HSV?

Beide gebruiken dezelfde tint. Bij HSL geeft 100% helderheid altijd wit en 50% de pure kleur; bij HSV is 100% waarde de helderste versie van de kleur, en bereik je wit door de verzadiging naar 0% te verlagen. Ontwerpprogramma’s noemen HSV vaak “HSB”.

Welke notaties worden herkend?

HEX met 3, 4, 6 of 8 cijfers (met of zonder #), rgb()/rgba() ook in procenten, hsl()/hsla() met deg, turn, rad of grad, hsv()/hsb(), hwb(), cmyk() met procenten en drie losse getallen als RGB. Zowel de komma- als de spatiesyntax (CSS Color 4) werkt.

Bronnen en wettelijke basis

Bijgewerkt op:

Vergelijkbare tools