Welche Formate werden unterstützt?

HEX, RGB und HSL lassen sich gegenseitig umrechnen und schnell kopieren.

Wie erstelle ich eine Farbpalette?

Wähle eine Basisfarbe und ein Schema (z. B. komplementär/analog) und klicke auf Generate.

Wähle Vorder-/Hintergrundfarben und erhalte Kontrastverhältnis sowie WCAG AA/AAA Ergebnis.

Sie zeigt eine Vorschau, wie Farben bei häufigen Farbsehschwächen wirken können.

Ja. Der Export kopiert CSS-Variablen (z. B. :root { --color-1: ... }) in die Zwischenablage.

Farbe wählen

HEX

RGB

HSL

Farbname Sky Blue

Helligkeit 65%

Grundfarbe

Farbschema

Vordergrundfarbe

Hintergrundfarbe

Beispieltext für Kontrasttest

Kontrastverhältnis 21:1

WCAG AA Normal: ✓ Pass

WCAG AA Large: ✓ Pass

WCAG AAA Normal: ✓ Pass

WCAG AAA Large: ✓ Pass

Testfarbe

Farbenblindheits-Typ

Wählen Sie einen Farbenblindheits-Typ aus, um zu sehen, wie Farben für Menschen mit verschiedenen Arten von Farbsehstörungen erscheinen.

Verwenden Sie den Farbkonverter, um zwischen HEX-, RGB- und HSL-Formaten zu konvertieren
Erstellen Sie Farbpaletten mit verschiedenen Farbschemata
Prüfen Sie Farbkontrastverhältnisse für Barrierefreiheits-Compliance
Simulieren Sie, wie Farben für Menschen mit Farbenblindheit erscheinen