Zum Hauptinhalt springen

Tools

Farbpaletten-Generator

Ein Paletten-Werkzeug für Designer und Entwickler. Drücke die Leertaste zum Erzeugen, sperre die Farben, die du magst, und exportiere nach CSS oder Tailwind.

Web-AppStandard
Vorlage verwenden

Die Registrierung ist kostenlos. Du gibst den Plan frei, bevor etwas gebaut wird.

Farbpaletten-Generator: der Bildschirm „Leertaste für eine neue Palette“

So funktioniert’s

  1. Farbpaletten-Generator: der Bildschirm „Leertaste für eine neue Palette“

    Schritt 1 · Leertaste für eine neue Palette

    Leertaste erzeugt neue Paletten

  2. Farbpaletten-Generator: der Bildschirm „#2A9D8F feinjustieren“

    Schritt 2 · #2A9D8F feinjustieren

    Farben sperren und Farbton und Helligkeit feinjustieren

  3. Farbpaletten-Generator: der Bildschirm „#2A9D8F feinjustieren“

    Schritt 3 · #2A9D8F feinjustieren

    Harmonieregeln: analog, triadisch, komplementär

  4. Farbpaletten-Generator: der Bildschirm „Kontrastprüfung & Export“

    Schritt 4 · Kontrastprüfung & Export

    WCAG-Kontrastprüfung pro Paar

  5. Farbpaletten-Generator: der Bildschirm „Kontrastprüfung & Export“

    Schritt 5 · Kontrastprüfung & Export

    Export von CSS-Variablen, Tailwind und JSON

In drei Schritten starten

  1. Schritt 1

    Mit dieser Vorlage starten

    Registriere dich kostenlos und öffne die Vorlage im Studio. Passe die Beschreibung auf Wunsch an deine Idee an.

  2. Schritt 2

    Plan freigeben

    Der Agent zeigt dir, was er bauen wird: Bildschirme, Daten und Funktionen. Nichts wird gebaut, bevor du zustimmst.

  3. Schritt 3

    Testen und veröffentlichen

    Die App ist gebaut, in einem echten Browser getestet und bereit zur Veröffentlichung unter deiner eigenen Adresse.

Weitere Tools-Vorlagen