Laden Sie eine beliebige 5-Farben-Palette in drei reale Oberflächen – Dashboard, Landingpage, Mobile App – und sehen Sie sie als tatsächliches Produkt. Rollen werden automatisch zugewiesen: Primär-, Akzent-, Oberflächen- und Textfarbe finden ihren Platz.
Palette bearbeiten (Feld anklicken zum Ersetzen)
Fünf Farben in drei echte Oberflächen eingefügt, mit automatisch zugewiesenen Rollen.
Klicke auf „Visualisieren“ bei jeder Community-Palette oder dem Palettenboard, um sie zu übernehmen, oder bearbeite die fünf HEX-Werte manuell.
Die Engine weist Primär-, Sekundär-, Akzent-, Oberflächen- und Textfarbe anhand von Helligkeit und Sättigung zu – sieh, wo jede in jedem Mockup landet.
Wechsle in Echtzeit zwischen Dashboard, Landingpage und mobiler App; klicke auf eine Farbprobe, um eine Farbe direkt zu ersetzen.
Vier Fragen, die Nutzer tatsächlich zur Palettenvorschau stellen.
Machen Sie weiter und setzen Sie die Farben ein.
Leertaste zum Zufallsgenerieren, Sperren, Ziehen zum Neuordnen, Teilen per URL – alles, was ein Paletten-Board können sollte.
Jede Farbe in eine 11-stufige Designsystem-Skala, wahrnehmungsgleichmäßig in OKLCH, WCAG-Kontrast pro Stufe, Export nach Tailwind/CSS/SCSS/JSON.
WCAG 2.1-Kontrastprüfung zwischen beliebigen Vordergrund- und Hintergrundfarben.
Beschreiben Sie eine Szene oder Stimmung in einem Satz – erhalten Sie eine Fünf-Rollen-Palette mit Begründung.