Welke kleurformaten worden ondersteund?

HEX, RGB, HSL, OKLCH en benoemde CSS-kleuren. Conversies gebeuren direct in beide richtingen.

OKLCH is een perceptueel uniforme kleurruimte die wordt ondersteund door moderne browsers — ideaal voor toegankelijke paletten en consistente helderheid over tinten heen.

Waarom OKLCH gebruiken in plaats van HSL?

HSL-helderheid varieert sterk tussen tinten (geel bij 50% ziet er veel lichter uit dan blauw bij 50%). OKLCH lost dit op — dezelfde L betekent dezelfde waargenomen helderheid.

Worden alfawaarden ondersteund?

Ja — RGBA, HSLA en 8-cijferige HEX met alfa werken allemaal.

Is de converter gratis?

Ja — helemaal gratis, geen aanmelding.

Kleur & Ontwerp

Kleurenconverter (HEX/RGB/HSL/OKLCH)

Gratis kleurenconverter. Converteer HEX, RGB, HSL, OKLCH en benoemde CSS-kleuren met live preview. Voor ontwerpers, ontwikkelaars en toegankelijke paletten.

Runs in your browser

Redactionele opmerking

Understanding · RGB, HSL, OKLCH — same colour, different stories.

Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.

Veelgestelde vragen

Quick answers.

›What color formats are supported?

HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.

›What is OKLCH?

OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.

›Why use OKLCH instead of HSL?

HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.

›Are alpha values supported?

Yes — RGBA, HSLA and 8-digit HEX with alpha all work.

›Is the converter free?

Yes — fully free, no signup.

Mensen zoeken ook naar

Uit de blog.(1)

OKLCH for designers: why switch from HSL
Ontwerp5 min read

Use with

What people reach for next.

Gerelateerde tools

More in this room.

Bekijk alles in Kleur & Ontwerp