Palette ziehen, prüfen, skalieren, exportieren — kostenlos im Browser.
--palette-color1: #38bdf8; --palette-color2: #0D3748; --palette-color3: #FFFFFF;
Nichts zu installieren, nichts zu unterschreiben. Alle Werkzeuge arbeiten an derselben Palette, und jede Berechnung bleibt in deinem Browser.
Editor öffnen →Zieh eine Palette aus komplementären, analogen, triadischen, geteilt-komplementären oder monochromen Schemata und justiere jede Farbe von Hand.
Komplementär · Triadisch · Monochrom
Prüfe jedes Farbpaar gegen WCAG, mit echten Werten, berechnet beim Tippen.
AA 4.5:1 · AAA 7:1 · UI 3:1
Mach aus einer Farbe eine 50–900-Rampe, die Ton und Sättigung hält.
50 · 500 · 900
Wirf ein Foto hinein und zieh seine Palette per k-means-Clustering heraus.
K-means · 5+ Farben · Lokal
Dreiundzwanzig benannte Farben mit Psychologie, Einsatz und besten Kombinationen.
Psychologie · Einsatz · Kombinationen
Deine, gerade gezogen
6.6:1 AA
Im Editor öffnenZuerst ziehst du eine Palette: fünf Farben aus einem Schema oder von Hand.
6.6:1 · AA
Dann prüfst du jedes Paar gegen WCAG, mit echten AA- und AAA-Werten.
Dann spannst du jede Farbe zu einer 50–900-Rampe, die den Ton hält.
--palette-color1: #38bdf8; --palette-color2: #0D3748; --palette-color3: #FFFFFF;
Dann klebst du sie in dein Projekt: CSS, Tailwind, SCSS oder JSON.
Keine Werbung
Die Seite lädt keine Werbeskripte. Ein anonymer Zähler wartet auf deine Zustimmung.
Lokal
Farbmathematik und Bildanalyse laufen in deinem Tab. Deine Fotos werden nie hochgeladen.
Kostenlos
Alle Werkzeuge sind kostenlos. Ein Konto brauchst du nur, um Paletten zu speichern.
5 Sprachen
Englisch, Spanisch, Portugiesisch, Französisch und Deutsch.
AA · AAA
Kontrast direkt aus der WCAG-Formel: 4,5:1 für AA, 7:1 für AAA.
4 Exporte
CSS-Variablen, Tailwind, SCSS und JSON-Tokens, fertig zum Einfügen.
20 Paletten
Eine Startbibliothek, 23 Farbführer und eine Galerie mit dem, was andere ziehen.
Öffne den Editor und zieh eine Palette. Kostenlos, ohne Konto, und nichts verlässt deinen Browser.
