Farbe → Designsystem

Gib eine Farbe ein und generiere automatisch eine Palette, einen Verlauf und eine AA/AAA-Kontrastprüfung.

Farbe → Designsystem — Eine vorverbundene Farb-Pipeline: Ein HEX-Wert fließt in einen Paletten-Generator, dessen Basis- und Komplementärfarben gleichzeitig einen Kontrastprüfer (AA/AAA) und einen CSS-Verlaufsersteller speisen. Wähle eine Farbe und erhalte ein ganzes Designsystem.

Enthaltene Tools

Farbkonverter

Konvertiere Farben zwischen HEX, RGB und HSL mit Live-Vorschau.

Farbpaletten-Generator

Erzeuge Schattierungen, Tönungen und harmonische Farben aus einer HEX-Basisfarbe, jede mit einem kopierbaren HEX-Wert.

Farbkontrast-Prüfer

Prüfe den WCAG-2.1-Kontrast und den APCA-Lc-Wert zwischen Text und Hintergrund, sieh AA-, AAA- und 3:1-Badges und wende die nächste bestandene Farbe an.

CSS-Verlaufsgenerator

Erstelle lineare, radiale und konische CSS-Verläufe visuell mit ziehbarer Farbstopp-Leiste, gestapelten Ebenen, Zufallspaletten und kopierfertiger Regel.