Fügt man einer Farbe Weiß hinzu, erhält man einen Farbton. Das ist die ganze Definition. Rosa ist ein Farbton von Rot. Himmelblau ist ein Farbton von Blau. Pastellfarben sind immer Abtönungen von kräftigeren Farben.

Die Verwirrung entsteht, weil die Begriffe „Tönung“ und „Schattierung“ im allgemeinen Sprachgebrauch oft synonym verwendet werden. In der Farbenlehre sind sie jedoch Gegensätze. „Schattierung“ fügt Schwarz hinzu, „Ton“ Grau und „Tönung“ Weiß. Drei verschiedene Operationen, drei verschiedene Ergebnisse. Ein Designer, der mit HSL arbeitet, kann eine Tönung erzeugen, indem er den Helligkeitswert erhöht. Ein Maler mischt weißes Pigment hinzu.

Farbtöne in Designsystemen

• Erzeuge Hover-Zustände, die heller als die Grundfarbe sind.
• Erstellen Sie Hintergrundfarben, die aus derselben Farbfamilie stammen.
• Vermitteln Sie Leichtigkeit, Sanftheit oder Zugänglichkeit
• Visuelle Hierarchie herstellen, ohne den Farbton zu verändern

Viele Designsysteme generieren eine Farbskala aus einer einzigen Grundfarbe, typischerweise zehn Stufen von nahezu Weiß bis nahezu Schwarz. Sowohl Material Design als auch Apples Human Interface Guidelines basieren auf Farbskalen. Der Vorteil liegt in der Konsistenz: Jedes Hellblau im System stammt aus derselben Farbmischung. Der Nachteil ist die Monotonie, wenn die Skala ohne Variationen verwendet wird. Farbtöne wirken am besten in Kombination mit einer kräftigen Ankerfarbe an einer anderen Stelle der Komposition.