Wunderschöne Paletten. Verifizierte Kontraste. Ein Workflow.
Legen Sie eine Markenfarbe ein. Erhalten Sie eine harmonisierte Palette, jedes WCAG-Urteil und Exporte für CSS, Tailwind und Figma — ohne die Seite zu verlassen.
Pläne ab $9/Monat – jederzeit kündbar
Palette generieren
Wählen Sie eine Markenfarbe. ColorWell erstellt den Rest.
Analog
Farbtöne (hell → dunkel)
Exportieren
Design-Tokens herunterladen
ProSpeichere die komplette Palette und Abstufungen als fertige Dateien.
Upgrade auf Pro, um Dateien herunterzuladen
Kontrastprüfung
Kombinieren Sie beliebige zwei Farben aus der Palette. ColorWell zeigt das WCAG-Ergebnis an.
Urteil: WCAG nicht erfüllt
Alles, was eine Markenpalette braucht
Entwickelt für arbeitende Designer und Frontend-Teams, die täglich Interfaces ausliefern.
Harmonisierte Paletten
Wählen Sie jede Hex-Farbe. ColorWell generiert mit einem Klick analoge, komplementäre, triadische und monochromatische Farbschemata.
WCAG-Kontrast — sofort
Jedes Farbpaar in Ihrer Palette erhält ein AA/AAA-Urteil für Text, großen Text und UI-Komponenten.
CSS-, Tailwind- und Figma-Exporte
Ein-Klick-Export zu CSS-Variablen, einer Tailwind-Konfiguration, rohen JSON-Tokens oder kopierfertigen Figma-Stilen.
Markensichere Variationen
Aufhellen, abdunkeln und sättigen, ohne den Farbton zu verschieben. ColorWell bleibt im wahrnehmbaren Farbraum (Oklch).
Benannte Tokens
Automatische Namen wie "indigo-500" oder "slate-700" machen Ihre Stylesheet für Menschen lesbar, nicht Hex-Codes.
Paletten speichern & synchronisieren
Jede Palette, die Sie erstellen, gehört Ihnen – benennen Sie sie, markieren Sie sie, kehren Sie später zurück. Cloud-Synchronisierung für Pro.
Drei Schritte
Beginnen Sie mit einer einzigen Markenfarbe. Beenden Sie mit einer funktionierenden Stylesheet.
Auswählen
Geben Sie einen Hex-Wert ein oder verwenden Sie den Farbwähler.
Generieren
ColorWell erstellt harmonisierte Paletten und führt jeden Kontrasttest durch.
Exportieren
Kopieren Sie CSS, Tailwind oder Figma-Token – direkt in Ihre Codebasis.
Einfache Preisgestaltung
Wählen Sie einen Plan und hören Sie auf, mit Hex-Codes zu kämpfen.
Ein Abonnement schaltet alle BestPaid-Tools frei – außer TradePulse, das separat verkauft wird. Das komplette Angebot finden Sie unter bestpaid.app/saas.
Für Solo-Designer
- 100 gespeicherte Paletten / Monat
- Unbegrenzte Kontrasttests
- CSS / Tailwind / JSON-Export
- Markensichere Variationen
Für Markenteams
- 2000 gespeicherte Paletten / Mo
- Figma-Token-Export
- Brand Kit (Projekte mit mehreren Paletten)
- Cloud-Synchronisierte Bibliotheken
- Prioritäts-Support
Häufig gefragt
Muss ich etwas installieren?
Nein. ColorWell läuft vollständig im Browser – Ihre Farben verlassen Ihr Gerät nicht, bis Sie sie synchronisieren.
Welchen Farbraum verwenden Sie?
ColorWell arbeitet intern mit Oklch – Variationen bleiben im wahrnehmbaren Farbraum, sodass das Aufhellen einer Markenfarbe den Farbton nicht verändert.
Wie funktionieren Exporte?
Ein-Klick-Kopie in die Zwischenablage für CSS-Variablen, Tailwind-Konfigurationsblöcke, rohes JSON oder Figma-fertige Stile. Fügen Sie sie direkt in Ihren Code oder Ihr Design-Tool ein.
Erhalte ich eine kostenlose Testversion?
Nein – dies ist ein kostenpflichtiges Tool mit Plänen ab $9 pro Monat. Starter kostet $9/Monat, Pro $19/Monat; jederzeit kündbar.
Wie kündige ich?
Über die Kontoseite oder per E-Mail an uns. Die Kündigung stoppt die nächste Verlängerung – Ihre verbleibende Zeit bleibt nutzbar.
Beenden Sie das manuelle Anpassen von Hex-Codes.
Erstellen Sie die Palette, liefern Sie das Stylesheet – alles an einem Ort.
Pläne ansehen