Farben mischen (Farbmischer)

Additiv oder subtraktiv?

Wie das Mischen funktioniert

Bei der einfachen RGB-Mischung wird jeder Farbkanal linear zwischen den beiden Farben interpoliert. Bei 50 % ergibt Blau (0, 0, 255) und Gelb (255, 255, 0) ein mittleres Grau (128, 128, 128). Genau das passiert im Web auch bei CSS-Verläufen. Rechnet man dagegen gammakorrigiert – also in linearem Licht, wie es das Auge erfasst –, ist das Ergebnis etwas heller. Die HSL-Mischung interpoliert den Farbton auf dem kürzesten Weg um den Farbkreis und behält Sättigung und Helligkeit ähnlich bei; Blau und Gelb ergeben so ein Grün oder Rosa, je nach Weg.

Das Ergebnis der Mischung von Malfarben lässt sich am Bildschirm nur grob vorhersagen, weil Pigmente Licht absorbieren und dabei komplexe Wechselwirkungen entstehen.

Mischung = A × (1 − t) + B × t (t = Anteil von Farbe B, 0 bis 1) – je Farbkanal

Wo sich der Farbmischer im Alltag lohnt

Farben mischen beginnt oft mit einem Mischbecher und endet am Bildschirm. Du planst eine Wand oder ein Möbelstück und mischst im Verhältnis 70 % Farbe A zu 30 % Farbe B; der Farbmischer nennt dir den passenden HEX-, RGB- und HSL-Wert, damit du denselben Ton in einer Farbvorlage oder einem Online-Konfigurator wiederfindest. Die Zwischenstufen – standardmäßig sieben – zeigen, wie sich das Ergebnis von einer Seite zur anderen entwickelt.

Im Berufsalltag übersetzt du so einen Ton aus einer Vorlage in die digitale Welt: Du trägst beide Ausgangsfarben ein, liest das Ergebnis ab und hängst es in die Auftragsnotiz. Welche Mischmethode der Situation am nächsten kommt, prüfst du, indem du zwischen RGB, gammakorrigierter und HSL-Rechnung wechselst. Klickst du eine Zwischenstufe an, wird ihr HEX-Wert kopiert, und eine Kachel nennt den ähnlichsten Farbnamen. Eine ganze Familie aus einer Grundfarbe erzeugt der Farbpalette-Generator.

Wer von der Farbmischung profitiert – und wer nicht

Der Farbmischer richtet sich an alle, die Farbtöne exakt beschreiben müssen: Grafikerinnen, die zwei Markenfarben zu einem Zwischenton führen, Produktdesigner, die Lack- und Stofftöne dokumentieren, sowie Web-Entwickler, die Werte für Zustände und Diagramme brauchen. Auch Heimwerker ziehen ihn heran, wenn aus einer Angabe auf der Packung ein digitaler Wert werden soll, und Studierende, um additiv und subtraktiv am Zahlenwert zu vergleichen.

Reine Pigmentmischung bleibt außen vor: Das Tool rechnet mit Lichtfarben, nicht mit Farbpigmenten aus der Dose. Wenn zwei Farben direkt zu einem CSS-Farbverlauf werden sollen, ist der Farbverlauf-Generator die bessere Wahl, für andere Formate der Farbcode-Umrechner.