Zum Inhalt springen
Design & Farbe

Farbton- und Schattierungsgenerator

Erstellen Sie eine einheitliche Farbskala aus einer Markenfarbe.

Läuft in Ihrem Browser100 % privatKeine Uploads
Tool wird geladen…

Teilen Sie dieses Tool

Schicken Sie es an jemanden, der es braucht.

Xfin
Lesen Sie den vollständigen Leitfaden

Über den Farbton- und Schattierungsgenerator

Mischen Sie eine Grundfarbe in Richtung Weiß und Schwarz, um Farbtöne und Schattierungen zu erzeugen. Nützlich für Schwebezustände, Rahmen, Hintergründe und Design-Tokens.

Wie man es benutzt

  1. 1Wählen Sie die GrundfarbeJeder Hexadezimalwert funktioniert.
  2. 2Überprüfen Sie die SkalaFarbtöne werden heller; Farbtöne werden dunkler.
  3. 3Kopieren Sie die Hex-WerteFügen Sie sie Ihrer Palette oder Ihren CSS-Variablen hinzu.

Warum diesen farbton- und schattierungsgenerator verwenden?

  • Nichts verlässt Ihr Gerät. Die Arbeit geschieht in Ihrem Browser-Tab. In dieser App gibt es keinen Upload-Endpunkt, sodass Ihre Dateien und Texte von uns nicht gespeichert, protokolliert oder eingesehen werden können.
  • Keine Upload-Wartezeit. Sie überspringen den Hin- und Rückweg zu einem Server vollständig. Die Ergebnisse werden durch Ihre eigene CPU begrenzt, nicht durch die Netzwerkgeschwindigkeit oder die Warteschlangengröße.
  • Kostenlos, kein Konto, keine Kontingente. Keine Anmeldewand, kein Wasserzeichen, kein Tageslimit. Optionale Konten existieren nur, um Favoriten und Voreinstellungen geräteübergreifend zu speichern.

Häufig gestellte Fragen

Ist die Verwendung meiner Farbe hier sicher?

Ja. Dieses Tool läuft vollständig in Ihrem Browser und verwendet JavaScript. Nichts, was Sie einfügen oder öffnen, wird an einen Server gesendet und die Seite behält keine Kopie, nachdem Sie sie geschlossen haben.

Muss ich ein Konto erstellen?

Nein. Jedes Tool ist ohne Anmeldung vollständig nutzbar. Ein Konto fügt nur gespeicherte Favoriten und wiederverwendbare Voreinstellungen hinzu.

Funktioniert es auf einem Telefon?

Ja. Die Benutzeroberfläche ist „Mobile First“ mit großen Touch-Zielen und einem gestapelten Layout, sodass sie sowohl auf Telefonen und Tablets als auch auf Desktops funktioniert.

Was ist der Unterschied zwischen einer Tönung und einem Farbton?

Eine Tönung mischt die Farbe mit Weiß; ein Farbton mischt es mit Schwarz. Beide reduzieren die Sättigung auf unterschiedliche Weise.

Wie viele Stufen sollte eine Palette haben?

Üblich sind fünf bis zehn Schritte pro Farbton. Stellen Sie sicher, dass die Schritte, die Sie für Text und Hintergründe verwenden, ausreichend Kontrast haben.

Weitere kostenlose Dienstprogramme aus derselben Ecke der Toolbox.