Farbton- und Abtönungs-Generator
Erzeuge Aufhellungen und Abdunklungen jeder Grundfarbe.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien werden niemals auf einen Server hochgeladen.
Tints (mixed with white)
#d8e6fd
#b1cdfb
#89b4fa
#629bf8
Base
#3b82f6
Shades (mixed with black)
#2f68c5
#234e94
#183462
#0c1a31
Gib eine Grundfarbe ein, um vier hellere Aufhellungen (mit Weiß gemischt) und vier dunklere Abdunklungen (mit Schwarz gemischt) zu erzeugen — nützlich für eine konsistente Farbskala im UI-Design.
Häufig gestellte Fragen
- Was ist der Unterschied zwischen einer Aufhellung und einer Abdunklung?
- Eine Aufhellung ist eine mit Weiß gemischte Farbe (heller); eine Abdunklung ist eine mit Schwarz gemischte Farbe (dunkler) — zusammen bilden sie eine Farbskala.
- Wie viele Stufen erzeugt das?
- Vier Aufhellungen, die Grundfarbe und vier Abdunklungen — insgesamt neun Stufen, ähnlich einer typischen 50-900-UI-Farbskala.
- Wofür werden Abdunklungen und Aufhellungen verwendet?
- Sie werden häufig für Hover-/Aktiv-Zustände, Rahmen, Hintergründe und Text-auf-Hintergrund-Kombinationen in einem Designsystem verwendet.