Der Farbton, englisch hue, ist die Eigenschaft einer Farbe, die sie als Rot, Gelb, Grün, Blau oder als Mischung daraus erscheinen lässt. Er ist eine der drei Größen, mit denen sich jede Farbe beschreiben lässt, neben Sättigung und Helligkeit. In CSS wird der Farbton als Winkel im Farbkreis angegeben: Rot liegt bei 0 Grad, Grün bei 120, Blau bei 240.
- Farbton (Hue)
Die Eigenschaft einer Farbe, nach der sie einem der Grundtöne Rot, Gelb, Grün oder Blau oder einer Mischung daraus ähnelt.
Beispiel: „Die beiden Blautöne haben denselben Farbton und unterscheiden sich nur in der Helligkeit.“Abgrenzung zur Farbe insgesamt: Ein Grau hat keinen Farbton, Rosa und Weinrot haben denselben. Erst mit Sättigung und Helligkeit ist eine Farbe vollständig beschrieben.
Wie der Farbton definiert ist
Die Internationale Beleuchtungskommission CIE beschreibt den Farbton als Merkmal der Wahrnehmung, nach dem eine Fläche einer der Farben Rot, Gelb, Grün und Blau oder einer Kombination aus zweien ähnelt. Unbunte Farben wie Weiß, Grau und Schwarz haben keinen Farbton.
Farbton in CSS
In hsl() und oklch() steht der Farbton als Winkel; Werte über 360 Grad werden zurückgerechnet, 480 Grad entsprechen 120. Derselbe Winkel bedeutet in verschiedenen Farbräumen allerdings nicht ganz denselben Farbton, wie MDN zeigt.
.hinweis {
background: hsl(210 100% 95%);
border-color: hsl(210 100% 45%);
}Mit dem Farbton arbeiten
Paletten entstehen oft, indem man den Farbton der Markenfarbe im Kreis dreht: wenige Grad für verwandte Töne, 180 Grad für den Gegenpol. Bleibt der Farbton gleich und ändert sich nur die Helligkeit, entstehen die Abstufungen für Flächen, Rahmen und den Dark Mode.