Kurz gesagt
- Der Farbton ist die Position der Farbe auf dem Farbkreis, ein Winkel von 0° bis 360°: Rot bei 0°, Grün bei etwa 120°, Blau bei etwa 240°, dann zurück zu Rot.
- Die Sättigung ist, wie viel von diesem Farbton vorhanden ist, von 0 Prozent (Grau) bis 100 Prozent (die reine Farbe). Die Helligkeit ist, wie hell sie ist, von 0 Prozent (Schwarz) bis 100 Prozent.
- Weil der Farbton ein Kreis ist, können zwei Farbtöne höchstens 180° auseinanderliegen — auf gegenüberliegenden Seiten des Kreises. Jeder größere Fehler ist in Wahrheit kleiner, wenn man andersherum misst.
- HSB dient dazu, Farben nach Augenmaß zu wählen und zu beschreiben; RGB ist, wie Bildschirme sie erzeugen; Lab dient dazu, zu messen, wie verschieden zwei Farben aussehen. Sie beantworten verschiedene Fragen.
- Eine Farbe mit drei getrennten Reglern nachzubauen, zeigt, welches der drei Urteile abgerutscht ist. Die Wahl aus Farbfeldern kann das nicht.
Drei Zahlen, drei Fragen
Nimm eine Farbe — sagen wir, ein gedämpftes Petrol. Gebeten, sie zu beschreiben, würdest du nicht danach greifen, wie viel Rot-, Grün- und Blaulicht sie enthält, obwohl genau das der Bildschirm tut. Du würdest sagen, es ist ein Blaugrün, nicht sehr kräftig, etwas dunkel. Das ist HSB: Farbton, Sättigung, Helligkeit, in der Reihenfolge, in der ein Mensch tatsächlich denkt. Das Modell wurde Ende der 1970er-Jahre von Alvy Ray Smith vorgeschlagen, genau damit Menschen Farben so wählen können, wie sie sie sehen. Es heißt auch HSV, wobei V für Value steht; beide sind dasselbe Modell.
| Dimension | Die Frage, die sie beantwortet | Bereich | Die Enden |
|---|---|---|---|
| Farbton | Welche Farbe ist es? | 0°–360° | Rot bei 0°, über Gelb, Grün, Cyan, Blau und Magenta zurück zu Rot |
| Sättigung | Wie viel von dieser Farbe steckt darin? | 0–100 % | 0 % ist ein Grau ganz ohne Farbton; 100 % ist die reinste Version des Farbtons |
| Helligkeit | Wie hell ist sie? | 0–100 % | 0 % ist Schwarz, unabhängig von den anderen beiden; 100 % ist so hell, wie der Farbton sein kann |
Der Farbton ist ein Winkel, und das ist wichtig
Der Farbton ist auf einem Kreis angeordnet, weil das Spektrum, das in einer Linie von Rot bis Violett verläuft, sich über die Purpurtöne schließt, die es im Regenbogen nicht gibt: Magenta sitzt zwischen Violett und Rot und schließt den Kreis. Deshalb wird der Farbton als Winkel gemessen. Rot ist 0°, Gelb bei etwa 60°, Grün bei etwa 120°, Cyan bei etwa 180°, Blau bei etwa 240°, Magenta bei etwa 300°, und 360° ist wieder Rot.
Ein Kreis hat eine Folge, die eine Linie nicht hat: Es gibt einen größtmöglichen Abstand, und er liegt auf halbem Weg herum. Zwei Farbtöne können nie mehr als 180° auseinanderliegen. Eine Schätzung von 350° bei einem Ziel von 10° ist nicht 340° daneben, sondern 20° daneben, über die Spitze des Kreises hinweg. Jede ehrliche Farbtonbewertung muss den kurzen Weg messen, und der schlimmstmögliche Farbtonfehler ist das Komplement einer Farbe — der Farbton direkt gegenüber. Deshalb normiert Percore den Farbtonfehler über 180°: Das ist die Spanne von perfekt bis so falsch, wie es nur geht.
Sättigung und Helligkeit
Die Sättigung ist der Anteil des Farbtons in der Farbe. Bei null Sättigung fällt jeder Farbton in dasselbe Grau zusammen, weshalb sich der Farbton einer sehr blassen oder staubigen Farbe wirklich schwer benennen lässt — es steckt fast kein Farbton darin, den man sehen könnte. Bei voller Sättigung ist die Farbe so lebhaft, wie der Farbton es erlaubt. Die Helligkeit ist schlicht, wie hell die Farbe ist; bei null Helligkeit ist alles Schwarz, was auch immer Farbton und Sättigung sagen.
Die beiden beeinflussen sich auf eine Weise, die Menschen stolpern lässt. Ein dunkles, gesättigtes Rot und ein helles, entsättigtes Rot können sich wie völlig verschiedene Farben anfühlen, obwohl sie einen Farbton teilen. In der Praxis treffen Menschen, die sich an eine Farbe erinnern, den Farbton tendenziell ungefähr und übertreiben die Sättigung — die erinnerte Farbe ist lebhafter als die echte —, und Helligkeitsfehler gehen je nach Umgebungslicht in beide Richtungen. Das sind die Muster, auf die man bei einem Wert pro Dimension achten sollte.
HSB neben den anderen Modellen
HSB ist eine von mehreren Arten, dieselbe Farbe zu beschreiben, und jede existiert aus einem Grund. Das falsche für eine Aufgabe zu wählen, ist eine häufige Quelle von Verwirrung, deshalb hier, wofür jedes gut ist.
| Modell | Was es ist | Am besten für |
|---|---|---|
| HSB / HSV | Farbton als Winkel, Sättigung und Helligkeit als Prozentwerte. Helligkeit 100 % ist die reinste, hellste Version des Farbtons. | Farben nach Augenmaß wählen und beschreiben; Farbpipetten; einen Farbgedächtnis-Fehler diagnostizieren |
| HSL | Derselbe Farbton; Lichtwert statt Helligkeit, wobei 100 % Lichtwert immer Weiß ist und 50 % der reine Farbton. | CSS und Webdesign, wo das Aufhellen einer Farbe Richtung Weiß ein häufiger Vorgang ist |
| RGB | Wie viel Rot-, Grün- und Blaulicht, jeweils 0–255. Was der Bildschirm physisch tut. | Code, Dateiformate, alles, was ein Gerät darstellen muss; nach Augenmaß schwer zu überblicken |
| CIELAB (Lab) | Helligkeit plus zwei Gegenfarbachsen (Grün–Rot, Blau–Gelb), so gebaut, dass gleiche Abstände gleich verschieden aussehen. | Den Unterschied zwischen zwei Farben messen (Delta E); Druck und Farbmanagement |
Eine nützliche Merkhilfe: RGB ist für die Maschine, HSB und HSL sind für den Menschen, und Lab ist für die Messung. Die Farbwahrnehmungs-Werkzeuge, die mit Delta E bewerten, messen in Lab; die, die dir drei Regler geben, lassen dich in HSB antworten. Beides ist berechtigt, und sie sagen dir Verschiedenes.
Warum drei Regler mehr sagen als ein Farbfeld
Wenn dir eine Farbe gezeigt wird, sie verschwindet und du das nächste von sechs Farbfeldern wählst, ist das Ergebnis ein Bit Information: richtig oder falsch, mit einem Abstand. Baust du die Farbe stattdessen mit drei getrennten Bedienelementen nach, sind es drei Zahlen — wie weit daneben beim Farbton, bei der Sättigung, bei der Helligkeit —, und diese drei Zahlen sind eine Diagnose. Wer jeden Tag einen kleinen Farbtonfehler und einen großen Sättigungsfehler hat, hat etwas darüber gelernt, wie er sieht, und kann es ausgleichen.
Das ist die Überlegung hinter Percores Farbsitzung, die den Bildschirm mit einer Farbe füllt, sie verbirgt und dich bittet, sie auf Reglern für Farbton, Sättigung und Helligkeit zurückzugeben. Jeder Fehler wird normiert — der Farbton über 180°, die anderen beiden über ihren vollen Bereich —, und die drei werden zu einer Genauigkeit von 0 bis 100 gemittelt; die Aufschlüsselung wird daneben gezeigt. Die vollständige Formel steht in So bewertet Percore, und So verbesserst du deine Farbwahrnehmung macht aus der Aufschlüsselung eine Praxis.
Bau eine Farbe mit den drei Reglern nach.
Laden im App StoreHäufige Fragen
Sind HSB und HSV dasselbe?
Ja. V steht für Value, B für Brightness, und sie bezeichnen dasselbe Modell. Unterschiedliche Software nutzt unterschiedliche Namen; die Werkzeuge von Apple und Adobe sagen HSB, viele andere sagen HSV.
Was ist der Unterschied zwischen HSB und HSL?
Sie teilen den Farbton. Bei HSB ist 100 Prozent Helligkeit die reinste, hellste Version des Farbtons; bei HSL ist 100 Prozent Lichtwert Weiß, und der reine Farbton liegt bei 50 Prozent. HSL ist in CSS üblich, HSB in Design-Werkzeugen.
Warum ist Rot auf dem Farbkreis bei 0°?
Per Konvention. Der Kreis muss irgendwo anfangen, und Rot wurde bei der Definition des Modells gewählt; die Reihenfolge Rot, Gelb, Grün, Cyan, Blau, Magenta folgt dem Spektrum, wobei Magenta den Kreis schließt.
Was ist der größtmögliche Farbtonfehler?
180°, der Farbton direkt gegenüber auf dem Kreis — das Komplement einer Farbe. Jeder scheinbar größere Fehler ist in Wahrheit kleiner, wenn man andersherum misst, weshalb der Farbtonfehler immer auf dem kurzen Weg genommen werden sollte.
Bei welchem der drei liegen Menschen am häufigsten falsch?
In der Praxis bei der Sättigung: Menschen erinnern eine Farbe tendenziell lebhafter, als sie war. Der Farbton ist oft nah dran, und die Helligkeit hängt stark vom Umgebungslicht ab. Ein Wert pro Dimension zeigt dein eigenes Muster.