— generators —
LiveKleur-converter
Wissel tussen HEX, RGB, HSL en OKLCH. Typ in één veld, de rest update live.
draait volledig in je browser
Zet één kleur tegelijk om naar HEX, RGB, HSL en OKLCH. Typ in welk veld dan ook en de andere drie rekenen meteen mee.
Plak een kleur of kies er een met de picker. Handig als je een huisstijl-kleur overzet tussen ontwerp en code, of als je naar het modernere OKLCH wilt omrekenen.
Alles gebeurt in je browser. Je kleurwaarden gaan nergens heen, er is geen account of upload nodig.
Werkt met HEX (3 of 6 cijfers), RGB, RGBA, HSL, OKLCH, of een losse 'r, g, b'-tripel.
Veelgestelde vragen
Wat is OKLCH en waarom zou ik het gebruiken?
OKLCH is een perceptueel uniforme kleurruimte: gelijke veranderingen in L (lightness) of C (chroma) zien er ook gelijk uit voor het menselijk oog. Handig voor design-tokens (consistente lightness-schalen) en CSS-color-mix. Wordt sinds 2023 native ondersteund door alle moderne browsers.
Gaat mijn kleur naar een server?
Nee. Alle conversies gebeuren in je browser via pure JavaScript-math. Geen API-calls, geen tracking. Open de Netwerk-tab en je ziet geen request bij het wisselen van waarde.
Waarom zegt de tool soms 'buiten sRGB'?
Veel OKLCH-waarden (vooral hoge chroma) hebben geen exact equivalent in de oudere sRGB-kleurruimte die monitors ondersteunen. We clampen dan naar de dichtstbijzijnde sRGB-kleur en waarschuwen erbij, anders zou je een 'verkeerde' RGB-output krijgen zonder dat je het wist.
Welke kleur-formaten kan ik plakken?
HEX (#fff, #ffffff, of zonder #), rgb()/rgba(), hsl()/hsla(), oklch() (met of zonder % op de L), en losse 'r, g, b' komma-triplets. Case-insensitive op de functie-naam.
— vergelijkbare tools —
Vergelijkbare tools
Deze tool draait volledig in je browser. Niets wordt naar een server geüpload of opgeslagen.