Farbtöne & Schattierungen
Generiere hellere und dunklere Varianten jeder Farbe
Tönungen (heller)
Basis
Schattierungen (dunkler)
Über Tönungen & Schattierungen
Eine Tönung ist eine Farbe gemischt mit Weiß (heller), und eine Schattierung ist eine Farbe gemischt mit Schwarz (dunkler). Das Generieren von Tönungen und Schattierungen aus einer Marken- oder Akzentfarbe ist eine schnelle Möglichkeit, eine verwendbare Palette von Hintergrund-, Oberflächen-, Hover- und Pressed-Zuständen für eine UI zu erstellen.
Klicken Sie auf ein beliebiges Farbfeld, um seinen Hex-Code zu kopieren. Nutzen Sie diese als Ausgangspunkt — Sie möchten möglicherweise die Helligkeit und Sättigung in HSL feinabstimmen, um ein designfreundlicheres Ergebnis zu erhalten.
Häufig gestellte Fragen
Was ist der Unterschied zwischen einer Tönung, einem Ton und einer Schattierung?
Eine Tönung ist die Farbe gemischt mit Weiß. Eine Schattierung ist die Farbe gemischt mit Schwarz. Ein Ton ist die Farbe gemischt mit Grau (was sie entsättigt). Dieser Generator verarbeitet Tönungen und Schattierungen.
Basieren diese auf RGB oder HSL?
RGB-Linearinterpolation zwischen der Basisfarbe und reinem Weiß/Schwarz. Dies ist schnell und intuitiv, sieht aber nicht immer wahrnehmungsmäßig einheitlich aus — für hochwertige Designarbeit können HSL- oder OKLCH-basierte Schritte glattere Ergebnisse liefern.