— generators —
LiveKleur-converter
Wissel tussen HEX, RGB, HSL en OKLCH, typ in één veld, de rest update live.
draait volledig in je browser
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.
Deze tool draait volledig in je browser. Niets wordt naar een server geüpload of opgeslagen.