# Farbton-Verschiebung Farbton verschieben und Variationen mit Drehung im/zur Uhrzeiger erstellen > Kanonische Seite: https://elysiatools.com/de/tools/color-hue-shifter - **Kategorie:** Design - **Schlagwörter:** farbe, farbton, verschiebung, drehung, rad, anpassung, tönung, schatten, farbanpassung ## Überblick Das Tool zur Farbton-Verschiebung ermöglicht es Designern und Entwicklern, präzise Farbanpassungen vorzunehmen, indem der Farbton einer Grundfarbe entlang des Farbrads gedreht wird, um harmonische Farbpaletten oder Variationen zu erstellen. ## Eingaben - **Grundfarbe** (color) - **Anpassungstyp** (select) - **Farbton-Verschiebung (Grad)** (range): Farbton-Verschiebung für Farbdrehung (0° bis 360°) - **Verlaufsstufen** (number): Gilt nur wenn "Verlauf (volles Rad)" ausgewählt ist. Steuert wie viele Farben im Farbton-Verlauf generiert werden (2-20 Stufen) - **Komplementärfarben Einbeziehen** (checkbox) - **Helligkeitswert Erhalten** (checkbox) ## Wann verwenden - Erstellung konsistenter Farbpaletten für UI-Designs basierend auf einer Primärfarbe. - Generierung von Farbverläufen für Grafiken oder Web-Elemente. - Anpassung von Farbschemata bei gleichbleibender Helligkeit und Sättigung. ## Funktionsweise - Wählen Sie Ihre Grundfarbe über den Farbwähler aus. - Bestimmen Sie den Anpassungstyp, wie z. B. eine Drehung im Uhrzeigersinn oder einen vollständigen Verlauf. - Stellen Sie den Grad der Verschiebung oder die Anzahl der Verlaufsstufen ein. - Aktivieren Sie bei Bedarf Optionen wie den Erhalt der Helligkeit oder die Einbeziehung von Komplementärfarben. ## Anwendungsfälle - Entwicklung von Hover-Effekten für Buttons durch leichte Farbton-Verschiebung. - Erstellung von Datenvisualisierungen mit harmonischen, aber unterscheidbaren Farbabstufungen. - Schnelle Generierung von Branding-Variationen für verschiedene Produktlinien. ## Häufig gestellte Fragen ### Was bewirkt die Option 'Helligkeitswert Erhalten'? Diese Funktion stellt sicher, dass sich bei der Farbton-Verschiebung nur der Farbwert ändert, während die wahrgenommene Helligkeit der Farbe konstant bleibt. ### Wie viele Verlaufsstufen kann ich maximal generieren? Sie können bis zu 20 verschiedene Farbstufen für einen Verlauf über das gesamte Farbrad hinweg erstellen. ### Was ist der Unterschied zwischen Rechts- und Linksdrehung? Die Drehrichtung bestimmt, in welche Richtung sich der Farbton auf dem klassischen 360°-Farbrad bewegt, um neue Farbnuancen zu finden. ### Kann ich eine spezifische Gradzahl für die Verschiebung wählen? Ja, über den Schieberegler 'Farbton-Verschiebung' können Sie den Winkel zwischen 0° und 360° in 5°-Schritten präzise festlegen. ### Was passiert, wenn ich 'Komplementärfarben Einbeziehen' wähle? Das Tool berechnet automatisch die gegenüberliegende Farbe auf dem Farbrad und fügt sie Ihrer Palette hinzu. ## Ä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 - [Farbkomplement](https://elysiatools.com/de/tools/color-complement): Komplementärfarben finden und harmonische Farbschemata mit triadischen, tetradischen und analogen Farbverhältnissen erstellen - [Farbumkehrer](https://elysiatools.com/de/tools/color-inverter): Farben umkehren und negative Versionen mit RGB-, HSL- und Helligkeitsumkehrmethoden 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 - [Farbton-Generator](https://elysiatools.com/de/tools/color-shade): Generieren Sie dunklere Variationen einer Farbe durch Hinzufügen von Schwarz, um reiche Töne für Tiefe und Kontrast im Design zu schaffen - [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 - [Farbton-Generator](https://elysiatools.com/de/tools/color-tint): Generieren Sie hellere Variationen einer Farbe durch Hinzufügen von Weiß, wodurch helle und luftige Töne für frische Design-Ästhetik entstehen ## 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.