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 das WCAG-Kontrastverhältnis zwischen einer Vordergrund- und einer Hintergrund-HEX-Farbe und sieh, ob es AA und AAA für normalen und großen Text besteht.
CSS-Verlaufsgenerator
Erstelle einen linearen, radialen oder konischen CSS-Verlauf mit eigenen Farbstopps und einem Winkel, betrachte das Ergebnis live in der Vorschau und kopiere die fertige background-Regel.