Kleurconverter
Converteer tussen HEX, RGB, HSL
Hoe Kleurconverter te gebruiken
Converteer tussen HEX, RGB, HSL Gratis online tool, geen registratie, geen opdringerige advertenties. Gebruik het nu.
Waarvoor dient een kleurconverter?
Kleuren in digitaal ontwerp bestaan in meerdere formaten, elk geschikt voor verschillende contexten. Converteren ertussen is een dagelijkse activiteit voor webdesigners, frontend-ontwikkelaars en grafisch ontwerpers die met verschillende tools en platforms werken.
- CSS-ontwikkeling: Ontwerptools exporteren kleuren in HEX (#7B35F5), maar CSS accepteert ook RGB (rgb(123,53,245)) en HSL (hsl(264,91%,58%)). Converteer ertussen om je voorkeurs-CSS-syntaxis te gebruiken en consistentie in de code te behouden.
- Merkdoosjeheid: Een bedrijfskleur gedefinieerd in Pantone moet worden uitgedrukt in HEX voor het web, CMYK voor drukwerk en RGB voor schermen — elk vereist nauwkeurige conversie om te garanderen dat de kleur identiek is op alle communicatiemiddelen.
- Toegankelijkheid: HSL vergemakkelijkt het aanpassen van de helderheid met behoud van de tint — handig voor het maken van toegankelijke kleurvarianten met voldoende contrast, conform WCAG-richtlijnen.
- Ontwerp-naar-code-overdracht: Figma en Adobe XD exporteren in HEX; sommige ontwikkelaars geven de voorkeur aan HSL vanwege het intuïtieve model tint/verzadiging/helderheid. Converteer eenvoudig tijdens de implementatie.
- Voorbereiding voor drukwerk: Schermkleuren (RGB) moeten worden geconverteerd naar CMYK voor drukwerk. RGB heeft een groter kleurengamma dan CMYK — sommige levendige kleuren op het scherm kunnen niet getrouw worden gereproduceerd in fysieke druk.
Overzicht van formaten: HEX (#RRGGBB) is beknopt en universeel voor het web. RGB (0-255 per kanaal) is het native formaat van schermen. HSL (tint 0-360°, verzadiging 0-100%, helderheid 0-100%) is het meest intuïtief voor mensen. CMYK (0-100% per kanaal) is voor professioneel drukwerk.
Frequently Asked Questions
Wat is het verschil tussen RGB en RGBA?
RGBA voegt een alfakanaal (transparantie) toe aan RGB: rgba(123,53,245,0.5) is een violet met 50% transparantie. De alfawaarde loopt van 0 (volledig transparant) tot 1 (volledig dekkend). HEX ondersteunt de 8-cijferige notatie voor alfa: #7B35F580 (waarbij 80 in hexadecimaal = 50% dekking).
Waarom vertegenwoordigen RGB en CMYK verschillende kleurengamma's?
RGB is additief — het mengen van rood, groen en blauw licht produceert wit (gebruikt voor schermen). CMYK is subtractief — het mengen van cyaan, magenta, geel en zwarte inkt absorbeert licht (gebruikt voor drukwerk). RGB kan levendigere kleuren vertegenwoordigen dan CMYK in druk kan reproduceren — felle neonkleuren op het scherm zien er gedoofd uit wanneer ze worden afgedrukt.
Wat is HSL en waarom is het nuttig?
HSL (Tint, Verzadiging, Helderheid) is ontworpen om intuïtief te zijn voor mensen. Tint is de kleur (0°=rood, 120°=groen, 240°=blauw). Verzadiging is de intensiteit (0%=grijs, 100%=levendig). Helderheid is de helderheid (0%=zwart, 50%=zuivere kleur, 100%=wit). Om een kleur lichter of donkerder te maken zonder de tint te veranderen, wijzig je gewoon de L-waarde.
Hoe converteer ik HEX handmatig naar RGB?
Splits de 6-cijferige HEX in drie paren en converteer elk van basis 16 naar basis 10. #7B35F5: 7B=123 (rood), 35=53 (groen), F5=245 (blauw) → rgb(123,53,245). Online converters doen dit onmiddellijk, maar het begrijpen van de conversie helpt je HEX-waarden direct in de code te lezen.
Wat zijn kleurprofielen (sRGB, Adobe RGB, Display P3)?
Kleurprofielen definiëren het kleurengamma dat een apparaat kan weergeven. sRGB is de standaard voor het web en de meeste monitoren. Adobe RGB dekt ongeveer 50% meer van het zichtbare spectrum — gebruikt in professionele fotografie. Display P3 (Apple-apparaten) dekt ongeveer 25% meer dan sRGB. Afbeeldingen in Adobe RGB zien er gedoofd uit op sRGB-schermen als ze niet correct worden geconverteerd.
Kleurconverter vs kleurkiezer vs paletgenerator
Een kleurconverter vertaalt een bestaande kleurwaarde tussen formaten. Een kleurkiezer (DevTools van de browser, kleurkiezer van het besturingssysteem) laat je visueel een kleur selecteren en de waarde exporteren. Een paletgenerator maakt harmonische kleurencombinaties van een basiskleur met behulp van kleurtheorie. Een contrastcontroleur controleert of een kleurencombinatie voldoet aan WCAG-toegankelijkheidsstandaarden. Alle vier vullen elkaar aan in de workflow van een ontwerper.