Toolipedia
DE
← Alle Text-Tools

Tönungen-und-Schattierungen-Generator

Hellere Tönungen, dunklere Schattierungen und sanftere Töne jeder Farbe, mit CSS-Variablen.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über Tönungen-und-Schattierungen-Generator

Gehen Sie von einer Farbe aus und erhalten Sie hellere Tönungen (mit Weiß gemischt), dunklere Schattierungen (mit Schwarz gemischt) und weichere Töne (mit Grau gemischt). Die Stufen werden als CSS-Variablen geliefert, fertig für ein Stylesheet. Diese Farbfamilien sind die Grundlage für Hover-Zustände, Rahmen, Hintergründe und deaktivierte Buttons.

So verwenden Sie Tönungen-und-Schattierungen-Generator

  1. Gib deine Grundfarbe als HEX-Code ein oder wähle sie aus.
  2. Sieh dir die helleren Tönungen, dunkleren Schattierungen und weicheren Töne an.
  3. Kopiere einzelne Farben oder die CSS-Variablen für den ganzen Satz.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Was ist der Unterschied zwischen einer Tönung und einer Schattierung?

Eine Tönung (Tint) ist eine mit Weiß gemischte Farbe und wird dadurch heller. Eine Schattierung (Shade) ist die mit Schwarz gemischte Farbe und wird dadurch dunkler. Ein Ton (Tone) ist mit Grau gemischt.

Wie benenne ich CSS-Variablen für meine Abstufungen?

Nutze eine nummerierte Skala wie 100 bis 900, bei der kleine Zahlen hell und große dunkel sind. So bleiben die Namen kurz und leicht erweiterbar.

Wofür werden weichere Töne verwendet?

Töne mischen die Farbe mit Grau und senken ihre Intensität. Sie passen zu Hintergründen, Rahmen und gedämpften Oberflächenelementen, bei denen eine reine Farbe zu laut wäre.

Ist Tönungen-und-Schattierungen-Generator kostenlos?

Ja. Tönungen-und-Schattierungen-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Kann ich Tönungen-und-Schattierungen-Generator auf meiner eigenen Website einsetzen?

Ja. Nutze unter dem Tool die Schaltfläche „Auf deiner Website einbetten“, um ein kurzes Stück Code zu kopieren und in deine Seite einzufügen. Es ist kostenlos, braucht kein Konto, und das Tool funktioniert weiter innerhalb deiner Seite.

Ähnliche Tools