Kleurcode Converter

Kleurconverter tussen HEX-, RGB-, HSL- en OKLCH-codes, met de WCAG-contrastverhouding van twee kleuren. Zo controleer je toegankelijkheid terwijl je een palet kiest, gratis in je browser.

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL-aanpassing

H217S91%L60%

Contrastverhouding (WCAG)

Vergelijkingskleur:

샘플 텍스트

Contrastverhouding: 3.68:1

WCAG: AA Large

Insluiten

<iframe src="https://devtools.patrache.studio/nl/converters/color-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Kleurcode Converter — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/nl/converters/color-converter/">Kleurcode Converter</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Laatst bijgewerkt: 2026 · Gratis online tool

Wat is Kleurcode Converter?

Kleurconverter tussen HEX-, RGB-, HSL- en OKLCH-codes, met de WCAG-contrastverhouding van twee kleuren. Zo controleer je toegankelijkheid terwijl je een palet kiest, gratis in je browser.

Gebruiksaanwijzing

1
Kleur invoeren— Gebruik de kleurenkiezer of tekstinvoer. HEX, rgb() en hsl() formaten worden ondersteund.
2
Formaten bekijken— HEX, RGB, HSL en OKLCH formaten worden tegelijkertijd weergegeven.
3
Waarden kopiëren— Gebruik de kopieerknop voor elk formaat om de CSS-waarde te kopiëren.
4
Contrastverhouding controleren— Stel een vergelijkingskleur in om de WCAG-contrastverhouding te controleren.

Gerelateerde tools

CSS-gradiëntgeneratorVisuele CSS-gradient-generator voor lineaire, radiale en conische verlopen: zet kleurstops, pas de hoek aan en kopieer de CSS. Ideaal voor achtergronden en knoppen, gratis in je browser.

CSS box-shadow generatorCSS-box-shadow-generator met regelaars voor offset, blur, spread, kleur en inset en een live voorbeeld van de schaduw. Kopieer de kant-en-klare box-shadow-CSS, gratis in je browser.

CSS Eenheden ReferentieNaslagwerk voor CSS-eenheden als px, em, rem, %, vw, vh, vmin, vmax en ch, gerangschikt per categorie. Met heldere uitleg over elke absolute en relatieve eenheid, gratis in je browser.

PX naar REM ConverterPX-naar-REM-converter die CSS-pixels en rem in beide richtingen omrekent met een instelbare root-lettergrootte, decimalen inbegrepen. Met kopieerbare referentietabel en CSS-snippet, gratis in je browser.

Veelgestelde vragen

OKLCH is een cilindrische weergave van de Oklab-kleurruimte, de meest perceptueel uniforme kleurruimte. Het wordt ondersteund in CSS Color Level 4.

Het meet het helderheidsverschil tussen tekst- en achtergrondkleuren. AA vereist minimaal 4,5:1, AAA vereist 7:1.

Momenteel worden alleen ondoorzichtige kleuren (RGB, 6-cijferig HEX) ondersteund. RGBA en HSLA worden in een toekomstige update toegevoegd.

Ja. U kunt de uitvoer van elk formaat rechtstreeks in uw CSS plakken.

Nee. Alle kleurconversies vinden plaats in uw browser.