Kleurenconverter
Converteer kleuren tussen HEX, RGB, HSL, HWB en CMYK met transparantie-ondersteuning en live voorbeeld.
Hoe het werkt
De kleurenconverter converteert onmiddellijk een kleur tussen de indelingen HEX, RGB, HSL en HSB/HSV.
Hoe te gebruiken:
- Voer een kleurwaarde in een willekeurig veld in (HEX, RGB, HSL of HSB).
- De andere indelingen worden automatisch bijgewerkt.
- Gebruik de visuele kiezer om grafisch een kleur te kiezen.
- Kopieer de indeling die u nodig heeft.
Voorbeeld: #3498db → RGB(52, 152, 219) → HSL(204°, 70%, 53%).
Beperkingen: Conversie tussen kleurruimten kan lichte verschillen veroorzaken door afronding. Het hulpmiddel dekt kleuren in de standaard sRGB-ruimte.
Privacy: Alles wordt lokaal berekend, er wordt niets verzonden.
Praktijkvoorbeeld
Voer #1E90FF in: de tool meldt rgb(30, 144, 255) en hsl(210, 100%, 56%), herkent het als de benoemde CSS-kleur dodgerblue en toont de relatieve WCAG-luminantie. De harmoniesectie genereert de complementaire, analoge, triadische en split-complementaire partners — klik op een staal om het te laden en verder te verkennen. De omgekeerde route is net zo gangbaar: plak rgb(30, 144, 255) uit een designtool en kopieer de hex voor je stylesheet, terwijl alle formaten synchroon blijven bij het bijstellen.
Gebruiksscenario's
- De HEX-kleur van een ontwerper vertalen naar HSL voor CSS-animaties
- Het RGB-triplet achter een merkkleur controleren
- Kleurwaarden kopiëren tussen ontwerphulpmiddelen die verschillende formaten gebruiken
- Kleurtheorie onderwijzen met een visueel kleurmonster
Veelgestelde vragen
- Wat is het verschil tussen HSL en HSB?
- HSL (Tint, Verzadiging, Helderheid) en HSB/HSV (Tint, Verzadiging, Waarde) gebruiken verschillende definities van de helderheidscomponent.
- Waarom verschillen geconverteerde waarden licht?
- Door afronding bij wiskundige conversies.
- Kan ik een CSS-kleur met naam invoeren?
- Nee, gebruik de equivalente hexadecimale code.
- Wordt het RGBA-formaat ondersteund?
- Dit hulpmiddel dekt HEX, RGB, HSL en HSB zonder alfakanaal.
- Hoe kan ik de waarde kopiëren?
- Klik op het gewenste resultaatveld om het te selecteren en kopieer het.