🎨 Design & Creatief

Kleurconverter — HEX, RGB, HSL, OKLCH & Contrast

Converteer elke kleur tussen HEX, RGB, HSL, HWB, OKLCH en LCH. Inclusief WCAG 2.2-contrastcontrole tegen elke achtergrond- of voorgrondkleur.

Kleurinvoer (elk formaat) Accepteert hex, rgb, hsl, hwb, oklch, lch en CSS-kleurnamen.

Kleurstaal

Formaat	Waarde

WCAG-contrastchecker

Voorgrond

Achtergrond

Contrastverhouding

—

Hoofdtekst 16 px
Grote tekst 24 px

—

Hoe de berekening werkt

sRGB → lineair via de standaard gammacurve, vervolgens naar OKLab met de matrix van Björn Ottosson, en daarna naar OKLCH via poolcoördinaten. HSL/HWB gebruiken de standaardformules uit CSS Color Module 4.

WCAG 2.2-contrast: verhouding = (L1 + 0.05) / (L2 + 0.05), met relatieve luminantie op basis van de gewogen sRGB→lineair-som (0.2126 R + 0.7152 G + 0.0722 B). AA = 4.5, AAA = 7 voor normale tekst; 3 en 4.5 voor grote tekst (18 pt / vet 14 pt).

Ook bekend als

color converter oklchhex to hslwcag contrast checkerrgb to hex

Gerelateerde tools

🎨 Design & Creatief
Pixels to cm / Inches Converter (Print DPI)

Convert pixel dimensions to physical print size at any DPI/PPI, with bleed and safe-zone helpers.
🎨 Design & Creatief
Typography Scale Generator (Modular Type Scale)

Generate a modular type scale in rem, px and em from any base size and ratio, with line-height pairs.
🎨 Design & Creatief
Aspect Ratio Resizer (Image, Video, Social)

Resize any dimensions while keeping aspect ratio, with presets for Instagram, TikTok, YouTube and cinema formats.
🧰 Overige Conversies
Font Size Converter (pt, px, rem, em, %)

Convert font sizes between pt, px, rem, em and % for web and print typography.