Farbschattierungs-Generator
Farbtöne und Schattierungen jeder Farbe.
Feste Tokens 50–950; 50 ist am hellsten, 950 am dunkelsten und 500 entspricht exakt der Eingabefarbe.
UI-Proportionen? Seitenverhältnis-Rechner · Harmonien: Farbpaletten-Generator · WCAG: Farbkontrastprüfer.
Eine Farbpalette erstellen
Erzeuge eine feste, wahrnehmungsbasierte 50–950-Skala für ein Designsystem oder eigene Aufhellungs-/Abdunklungsschritte. Kopiere dann die benutzerdefinierten CSS-Eigenschaften oder lade JSON herunter.
FAQ
Was ist eine Tönung und eine Schattierung?
Eine Tönung ist eine hellere Variante, eine Schattierung eine dunklere. Dieses Tool passt die perzeptuelle OKLCH-Helligkeit und das Chroma an, statt kodierte sRGB-Kanäle zu interpolieren.
Wie kopiere ich eine Farbe?
Klicke auf ein beliebiges Farbfeld, um seinen HEX-Wert zu kopieren. Verwende CSS-Variablen kopieren oder JSON herunterladen, um die vollständige Skala zu exportieren.
Wofür ist das nützlich?
Farbpaletten und Designsystem-Skalen aus einer einzigen Markenfarbe erstellen – als benutzerdefinierte CSS-Eigenschaften oder Tokens im Tailwind-Stil exportieren.
Zuletzt aktualisiert: