Farbtönungs-Generator: 10 hellere Töne mit Weiß
Erzeuge aus jeder Hex-Farbe 10 Tönungen, indem sie in 10-%-Schritten mit Weiß gemischt wird. Kopiere einzelne Hex-Werte oder exportiere alle Tönungen als CSS-Variablen, kostenlos und ohne Anmeldung.
So verwendest du dieses Werkzeug
- Enter a base hex colour.
- The tool mixes it with white at 10–100% to produce ten tints.
- Copy individual tints or export them as CSS variables.
#ea6d1d#ed7d36#ef8e4f#f19e68#f4ae82#f6be9b#f8ceb4#fadfcd#fdefe6#ffffffÜber Farbtönung-Generator
Der Farbtönungs-Generator nimmt eine einzelne Hex-Farbe und erzeugt daraus zehn Tönungen, indem die Farbe schrittweise mit Weiß gemischt wird. Die Mischung erfolgt in Schritten von 10 % bis 100 %, sodass du eine gleichmäßige Reihe von der nahezu reinen Ausgangsfarbe bis hin zu sehr hellen, fast weißen Tönen erhältst.
Jeder einzelne Tönungswert lässt sich per Klick als Hex kopieren, und die gesamte Reihe kannst du in einem Schritt als CSS-Variablen exportieren, um sie direkt in ein Stylesheet einzufügen. So baust du aus einer Ausgangsfarbe schnell eine konsistente Reihe hellerer Töne auf.
Alle Berechnungen laufen lokal in deinem Browser, es wird nichts hochgeladen oder gespeichert. Tönungen sind nützlich für dezente Hintergründe, helle Flächen, Hover-Zustände oder um eine kräftige Farbe für großflächige Bereiche aufzuhellen.
Häufig gestellte Fragen
- Wie werden die Tönungen erzeugt?
- Die Tönungen entstehen, indem deine Hex-Ausgangsfarbe schrittweise mit Weiß gemischt wird. Die Schritte reichen von 10 % bis 100 %, sodass du zehn zunehmend hellere Töne erhältst.
- Wie viele Tönungen bekomme ich?
- Du erhältst zehn Tönungen, in gleichmäßigen Schritten von 10 % bis 100 % Weißanteil. Das ergibt eine vollständige Reihe von der nahezu reinen Farbe bis hin zu sehr hellen Tönen.
- Kann ich eine einzelne Tönung kopieren?
- Ja. Jeder Tönungswert lässt sich mit einem Klick als Hex in die Zwischenablage kopieren, sodass du gezielt einzelne helle Töne übernehmen kannst.
- Wie exportiere ich alle Tönungen auf einmal?
- Du kannst die gesamte Reihe in einem Schritt als CSS-Variablen exportieren und den Block direkt in ein Stylesheet einfügen, um die Tönungen im Code zu verwenden.
- Wird beim Erzeugen der Tönungen etwas an einen Server gesendet?
- Nein. Alle Berechnungen laufen lokal in deinem Browser. Es wird nichts hochgeladen, übertragen oder dauerhaft gespeichert, und du brauchst kein Konto.