Color Converter & Palette Generator

Farben zwischen HEX, RGB, HSL & CMYK umrechnen, Paletten generieren und Kontrast prüfen.

{{ line }}
Komplementärfarbe
{{ col }}
Analoge Farben
{{ col }}
Triadisch
{{ col }}
Gespalten komplementär
{{ col }}
Beispieltext Weißer Text
Kontrastverhältnis: {{ whiteContrast }}:1
WCAG AA Normaler Text: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Großer Text: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Normaler Text: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Großer Text: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
Beispieltext Schwarzer Text
Kontrastverhältnis: {{ blackContrast }}:1
WCAG AA Normaler Text: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Großer Text: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Normaler Text: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Großer Text: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

Was ist ein Color Converter?

Ein Color Converter ermöglicht die sofortige Umrechnung von Farbwerten zwischen verschiedenen Farbräumen wie HEX, RGB, HSL und CMYK. Webdesigner und Entwickler nutzen verschiedene Farbformate je nach Kontext — HEX für CSS, RGB für Bildbearbeitung, HSL für intuitive Farbanpassung und CMYK für den Druck.

Farbräume erklärt: HEX, RGB, HSL, CMYK

HEX ist ein 6-stelliger Hexadezimalwert (#RRGGBB), der häufig in CSS verwendet wird. RGB definiert Farben über Rot-, Grün- und Blauwerte (0–255). HSL beschreibt Farben über Farbton (0–360°), Sättigung und Helligkeit — ideal für intuitive Farbanpassungen. CMYK (Cyan, Magenta, Gelb, Key/Schwarz) wird für den Druck verwendet.

Farbtheorie & Harmonien

Farbharmonien basieren auf der Position von Farben im Farbkreis. Komplementärfarben liegen sich gegenüber (180°) und erzeugen maximalen Kontrast. Analoge Farben sind benachbart (±30°) und wirken harmonisch. Triadische Farben sind gleichmäßig verteilt (120°) und bieten lebhafte Kombinationen. Gespalten komplementäre Farben verwenden die beiden Nachbarn der Komplementärfarbe für einen weicheren Kontrast.