Farbabstufungen
Erzeugen Sie helle und dunkle Abstufungen einer Farbe, kopierbare Codes.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
Eine monochrome Palette im Nu
Geben Sie eine Farbe ein und erhalten Sie ihre Aufhellungen (heller) und Abdunklungen (dunkler) auf einer gleichmäßigen Skala. Klicken Sie ein Feld, um den HEX-Code zu kopieren.
-
Farbe wählen
Mit dem Wähler oder als HEX.
-
Skala ablesen
Vom hellsten zum dunkelsten.
-
Codes kopieren
Ein Klick auf ein Feld.
Woraus die Skala besteht
| Typ | Mischung | Wirkung |
|---|---|---|
| Aufhellungen | mit Weiß | heller |
| Basis | #7C3AED | Originalfarbe |
| Abdunklungen | mit Schwarz | dunkler |
11-stufige Skala (5 Aufhellungen + Basis + 5 Abdunklungen). Einfache RGB-Rechnung, alles lokal. Die Basisfarbe ist umrandet.
Häufige Fragen
Was ist der Unterschied zwischen Tint und Shade?
Ein Tint ist die mit Weiß gemischte Farbe: sie wird heller. Ein Shade ist die mit Schwarz gemischte Farbe: sie wird dunkler. Zusammen bilden sie eine monochrome Skala.
Wie werden die Werte berechnet?
Zum Aufhellen wird jeder RGB-Kanal Richtung 255 (Weiß) verschoben; zum Abdunkeln Richtung 0 (Schwarz), um einen Prozentsatz. Einfach und vorhersehbar, ideal für gleichmäßige Stufen.
Wozu dient diese Skala?
Zum Erstellen der Varianten einer Markenfarbe für ein Designsystem: Hover, deaktivierte Zustände, Hintergründe, Rahmen. Ein einziger Grundton sorgt für visuelle Konsistenz.
Kann ich die Codes übernehmen?
Ja: jedes Feld zeigt seinen HEX-Code und kopiert mit einem Klick. Sie können auch direkt einen HEX-Wert eingeben oder den Farbwähler nutzen.