# Farbton-Generator Generieren Sie dunklere Variationen einer Farbe durch Hinzufügen von Schwarz, um reiche Töne für Tiefe und Kontrast im Design zu schaffen > Kanonische Seite: https://elysiatools.com/de/tools/color-shade - **Kategorie:** Design - **Schlagwörter:** Farbe, Ton, verdunkeln, Schwarz, Tiefe, Kontrast, Variationen, dunkler, Schatten, Nuance ## Überblick Der Farbton-Generator ermöglicht es Ihnen, präzise dunklere Farbvariationen zu erstellen, indem Sie gezielt Schwarzanteile hinzufügen. Dieses Tool ist ideal, um Tiefe, Kontrast und harmonische Abstufungen für Ihre Designprojekte zu generieren. ## Eingaben - **Grundfarbe** (color) - **Tonmethode** (select) - **Anzahl der Töne** (number): Wie viele Tonvariationen generieren - **Tonintensität** (number): Maximale Dunkelheit (0.1-1.0) - **Stufenverteilung** (select) - **Benutzerdefinierte Stufenwerte** (text): Kommagetrennte Werte (z.B.: 0.1,0.3,0.5,0.7,0.9) - **Originalfarbe Einbeziehen** (checkbox) - **HEX-Codes Anzeigen** (checkbox) - **RGB-Werte Anzeigen** (checkbox) - **HSL-Werte Anzeigen** (checkbox) - **Erweiterte Palette Generieren** (checkbox) ## Wann verwenden - Wenn Sie für ein UI-Design konsistente Hover-Zustände oder Schatten benötigen. - Wenn Sie eine Farbpalette für Datenvisualisierungen mit unterschiedlichen Sättigungsstufen aufbauen. - Wenn Sie eine Grundfarbe für Druck- oder Webdesign um nuancierte Schattierungen erweitern möchten. ## Funktionsweise - Wählen Sie Ihre Grundfarbe über den Farbwähler aus. - Legen Sie die gewünschte Anzahl der Töne und die Tonmethode fest. - Passen Sie die Intensität und die Stufenverteilung an, um das Ergebnis zu verfeinern. - Kopieren Sie die generierten HEX-, RGB- oder HSL-Werte direkt für Ihre Anwendung. ## Anwendungsfälle - Erstellung von Button-Variationen für verschiedene Interaktionszustände. - Entwicklung von abgestuften Farbschemata für Diagramme und Infografiken. - Generierung von subtilen Schattenfarben für moderne Web-Layouts. ## Häufig gestellte Fragen ### Welche Farbmodelle werden unterstützt? Das Tool unterstützt die Ausgabe in HEX, RGB und HSL, um eine nahtlose Integration in verschiedene Design-Workflows zu gewährleisten. ### Wie unterscheidet sich die 'Wahrnehmungslinear'-Methode? Diese Methode berücksichtigt die menschliche Farbwahrnehmung, um sicherzustellen, dass die Abstufungen visuell gleichmäßig und natürlich wirken. ### Kann ich eigene Abstufungen definieren? Ja, über die Option 'Benutzerdefinierte Stufen' können Sie kommagetrennte Werte eingeben, um die Dunkelheit der Schattierungen exakt zu steuern. ### Ist die Originalfarbe im Ergebnis enthalten? Sie können über die Checkbox 'Originalfarbe Einbeziehen' wählen, ob Ihre Ausgangsfarbe als erster Wert in der Liste erscheinen soll. ### Wie viele Variationen kann ich maximal erstellen? Sie können bis zu 12 verschiedene Tonvariationen in einem Durchgang generieren. ## Ähnliche Tools - [Analoge Farben](https://elysiatools.com/de/tools/color-analogous): Harmonische analoge Farbschemata mit benachbarten Farben auf dem Farbkreis generieren, die einheitliche und friedliche Kombinationen schaffen - [Farbverlaufs-Generator](https://elysiatools.com/de/tools/color-gradient-generator): Erzeugt weiche Farbverläufe zwischen mehreren Farben mit anpassbaren Schritten und Formaten - [Farbton-Verschiebung](https://elysiatools.com/de/tools/color-hue-shifter): Farbton verschieben und Variationen mit Drehung im/zur Uhrzeiger erstellen - [Farbaufhellung/Abdunklung](https://elysiatools.com/de/tools/color-lighten-darken): Helligkeit von Farben anpassen und Variationen erstellen - [Farbsättigung/Entsättigung](https://elysiatools.com/de/tools/color-saturate-desaturate): Farbsättigung anpassen und Sättigungsvariationen erstellen - [Farbschema-Generator](https://elysiatools.com/de/tools/color-scheme-generator): Generiert professionelle Farbschemata und Paletten für Designprojekte - [Geteiltes Komplementär-Farbwerkzeug](https://elysiatools.com/de/tools/color-split-complement): Harmonischen Kontrast mit geteilten komplementären Farbschemata unter Verwendung einer Grundfarbe und zwei benachbarten Farben zu ihrem Komplement erstellen - [Farb-Tetrad-Werkzeug](https://elysiatools.com/de/tools/color-tetrad): Tetradische Farbschemata mit vier Farben in rechteckigen Anordnungen auf dem Farbkreis generieren, die reiche und komplexe Farbbeziehungen schaffen ## Beispiele - [Farbcode-Beispiele](https://elysiatools.com/de/samples/color-code): Sammlung von Farbcodes in verschiedenen Formaten (Hex, RGB, HSL, benannte Farben) für Validierungstests - [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung ## Verwandte Inhalte - [Werkzeuge für zugängliche Farbsysteme](https://elysiatools.com/de/hubs/color-design-tools): Erstellen Sie ein wiederverwendbares Farbsystem mit Farbtransformation, Harmonien, Kontrast- und Farbsehprüfungen sowie dokumentierten Tokens. - [Workflow fur Farbsysteme und CSS-Effekte](https://elysiatools.com/de/hubs/design-generate): Eine Palette ableiten, zugangliche Farbbeziehungen aufbauen, Tokens erzeugen und konsistente CSS-Effekte auf echte UI-Zustände anwenden.