Color Converter & Palette Generator

Zet kleuren om tussen HEX, RGB, HSL en CMYK, genereer paletten en controleer contrast.

{{ line }}
Complementair
{{ col }}
Analoog
{{ col }}
Triadisch
{{ col }}
Gesplitst complementair
{{ col }}
Voorbeeldtekst Witte tekst
Contrastverhouding: {{ whiteContrast }}:1
WCAG AA Normale tekst: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Grote tekst: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Normale tekst: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Grote tekst: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
Voorbeeldtekst Zwarte tekst
Contrastverhouding: {{ blackContrast }}:1
WCAG AA Normale tekst: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Grote tekst: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Normale tekst: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Grote tekst: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

Wat is een kleuromzetter?

Een kleuromzetter maakt directe conversie van kleurwaarden mogelijk tussen verschillende kleurruimtes zoals HEX, RGB, HSL en CMYK. Webdesigners en ontwikkelaars gebruiken verschillende kleurformaten afhankelijk van de context.

Kleurruimtes uitgelegd: HEX, RGB, HSL, CMYK

HEX is een 6-cijferige hexadecimale waarde (#RRGGBB) die veel wordt gebruikt in CSS. RGB definieert kleuren via Rood-, Groen- en Blauwwaarden (0–255). HSL beschrijft kleuren via Tint (0–360°), Verzadiging en Helderheid. CMYK (Cyaan, Magenta, Geel, Zwart) wordt gebruikt voor drukwerk.

Kleurtheorie en harmonieën

Kleurharmonieën zijn gebaseerd op de positie van kleuren op het kleurenwiel. Complementaire kleuren staan tegenover elkaar (180°) en creëren maximaal contrast. Analoge kleuren liggen naast elkaar (±30°) en voelen harmonieus. Triadische kleuren zijn gelijkmatig verdeeld (120°). Gesplitst complementaire kleuren gebruiken de buren van het complement.