Kleurcode Converter
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Laatst bijgewerkt: 2026 · Gratis online tool
Wat is Kleurcode Converter?
Gratis online kleurconverter die direct vertaalt tussen HEX-, RGB-, HSL- en OKLCH-codes en de WCAG-contrastverhouding tussen twee kleuren berekent, zodat u toegankelijkheid eenvoudig kunt controleren.
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
Tijdstempel Converter Gratis online tool om in beide richtingen te converteren tussen Unix-timestamps en datums. Het accepteert seconden (10 cijfers) en milliseconden (13 cijfers) en ondersteunt KST, JST, UTC plus ISO 8601 en relatieve tijd.
CSS-gradiëntgenerator Gratis visuele CSS-gradiëntgenerator: ontwerp lineaire, radiale en conische gradiënten, pas kleurstops en hoek aan en kopieer de kant-en-klare CSS-code voor je achtergronden.
CSS box-shadow generator Gratis online CSS box-shadow-generator met regelaars voor offset, blur, spread, kleur en inset, die een live preview van de schaduw geeft en kopieerklare box-shadow-CSS-code voor elk element oplevert.
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.