Farbabstufungs-Generator

Alle Tools
Farbabstufungs-Generator
Einen vollständigen Bereich von Tints und Shades aus einer einzigen Farbe erzeugen — Aufhell-/Abdunkelschritt und Anzahl der Abstufungen wählen und jeden Wert sofort kopieren.
Basisfarbe
Schrittgröße
%
Wie viel heller/dunkler jede Abstufung pro Schritt wird (1–25 %).
Abstufungsanzahl
Anzahl der Tints und Shades, die auf jeder Seite der Basisfarbe generiert werden.
Verlauf
Generierte Abstufungen

Basisfarbe, Schrittgröße und Anzahl wählen — alle Tints und Shades werden sofort im Browser berechnet.

Teilen
Verwandte Tools
Farbpaletten-Generator

Harmonische Farbpaletten mit einem interaktiven Farbrad erstellen — Harmonieregeln wie Analog, Komplementär oder Triade anwenden und jeden Wert sofort kopieren.
Farbmischer

Eine Startfarbe in bis zu 10 Schritten in eine Endfarbe überblenden — Verlauf voranschauen, jeden Farbton übernehmen und jedes Format sofort kopieren.
Paletten-Exporter

Eine Reihe von Farben einfügen oder importieren und sofort in CSS-Variablen, SCSS, Tailwind-Config, JSON oder SVG-Farbfelder exportieren — der Abschlussschritt für jede Palette.
Bild-Farbextraktor

Eine verfeinerte, kopierbereite Farbpalette aus einem beliebigen Bild extrahieren.
Beliebte Suchen
Farbtöne-Generator Tönungen und Schattierungen Farbe aufhellen und abdunkeln Schattierungen einer Farbe Farbton-Generator Farbtöne erzeugen

Füge dieses kostenlose Tool zu deiner eigenen Website hinzu — kopiere den Code unten und füge ihn ein.