Farbnuancen- & Töne-Generator
Nuancen und Töne aus jeder Hex-Farbe sofort im Browser erzeugen — kein Upload.
Farbnuancen und Töne aus jeder Basisfarbe erzeugen
Gib eine Hex-Farbe ein und wähle, wie viele Stufen du möchtest. Das Tool erzeugt zwei Skalen: Nuancen mischen die Basisfarbe Richtung Schwarz, Töne mischen sie Richtung Weiß. Klicke auf ein Feld, um seinen Hex-Wert zu kopieren. Die Skalen sind gleichmäßig verteilt, sodass die Stufen eine glatte, vorhersehbare Rampe bilden — geeignet für Design-Systeme, benutzerdefinierte CSS-Eigenschaften oder Tailwind-Palettendefinitionen.
Jedes Feld zeigt beim Hovern seinen Hex-Wert. Die Basisfarbe erscheint zwischen den beiden Skalen, damit du den vollen Bereich auf einen Blick siehst. Alles wird clientseitig berechnet — kein Upload.
FAQ
Was ist der Unterschied zwischen einer Nuance und einem Ton? Eine Nuance mischt die Farbe mit Schwarz (dunkler), ein Ton mischt sie mit Weiß (heller). Zusammen ergeben sie eine vollständige Helligkeitsskala.
Kann ich das Ergebnis in Tailwind verwenden? Ja. Weise die Hex-Werte den Tailwind-Farbschlüsseln (50 bis 950) zu, indem du die Töne den helleren Schlüsseln und die Nuancen den dunkleren zuordnest.