Kleurcode Converter

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Laatst bijgewerkt: 2026 · Gratis online tool

Wat is Kleurcode Converter?

Gratis online tool om te converteren tussen HEX, RGB, HSL, OKLCH kleurcodes met WCAG-contrastberekening

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.

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.