Farbmischer

Mischen Sie zwei Farben mit einem Anteilsregler und lesen Sie die komplette 11-stufige Skala dazwischen ab — direkt im Browser.

So funktioniert es

  1. Wählen Sie die beiden Farben mit den Farbwählern oder geben Sie Hex-Codes wie #ffcc00 und #0044cc ein.
  2. Wählen Sie den Mischmodus — RGB für Licht, so wie Bildschirme mischen, oder Malfarbe für die subtraktive Annäherung — und stellen Sie mit dem Regler den Anteil ein.
  3. Inspect the blended colour: its hex and RGB values appear below, and the 11-step gradient shows every shade between the two inputs.

Über dieses Tool

Zwei Farben lassen sich auf zwei völlig verschiedene Arten mischen, und dieses Tool zeigt beide. Bildschirme mischen Licht: Sie addieren Rot, Grün und Blau, weshalb rotes plus grünes Licht Gelb ergibt und weshalb jede Farbe auf dieser Seite letztlich ein RGB-Tripel ist. Malfarbe mischt umgekehrt: Jedes Pigment entzieht dem auftreffenden weißen Licht Wellenlängen, weshalb die Schulantwort auf „Gelb plus Blau“ Grün lautet — und weshalb dieselben zwei Farben als Licht gemischt ein neutrales Grau ergeben. Das falsche mentale Modell zu wählen ist der übliche Grund dafür, dass eine gemischte Farbe unerwartet schmutzig oder unerwartet blass ausfällt.

Der RGB-Modus tut genau das, was er sagt: Er interpoliert jeden der drei Kanäle linear zwischen den beiden Farben, im selben sRGB-Raum, den auch Ihr CSS und Ihre Design-Tools nutzen — 50 % zwischen #ff0000 und #0000ff ergeben also #800080. Der Malfarbe-Modus wandelt beide Farben zuerst in den RYB-Raum des künstlerischen Farbkreises um, interpoliert dort und rechnet das Ergebnis zurück nach RGB; genau diese Umrechnung lässt Gelb und Blau bei Grün zusammentreffen. Seien Sie sich im Klaren, was dieser Modus ist und was nicht: Echtes Pigmentmischen wird von Absorption und Streuung bestimmt (dem Kubelka-Munk-Modell) und hängt von Deckkraft, Partikelgröße und Bindemittel ab — keine lineare Formel bildet das nach. Der Malfarbe-Modus ist ein getreues Modell des Farbkreises, keine Simulation echter Farbe.

Die 11-stufige Skala unter dem Ergebnis ist oft nützlicher als die einzelne Mischfarbe: Sie liefert die vollständige Reihe von der einen zur anderen Farbe in 10-%-Schritten, fertig für Verlaufsstopps, für Zwischenzustände zwischen zwei Markenfarben oder als Stufen einer sequenziellen Diagrammpalette. Klicken Sie auf ein Feld, um dessen Hex-Code zu kopieren. Alles — die Umrechnungen, die Interpolation und die ganze Skala — wird zu 100 % in Ihrem Browser mit reinem JavaScript berechnet; keine Farbe, die Sie eingeben, wird jemals irgendwohin gesendet.

Häufig gestellte Fragen

Was ist der Unterschied zwischen dem RGB- und dem Malfarbe-Modus?

RGB mischt Licht additiv, so wie ein Bildschirm, und interpoliert daher jeden Kanal direkt; Malfarbe nähert das subtraktive Mischen über den künstlerischen RYB-Farbkreis an. Der klassische Test ist Gelb plus Blau: RGB ergibt ein neutrales Grau, Malfarbe ergibt Grün.

Stimmt der Malfarbe-Modus mit dem überein, was auf meiner Palette passiert?

Ungefähr, aber nicht exakt. Echte Pigmente mischen sich über Lichtabsorption und Streuung, und das Ergebnis hängt von Deckkraft, Pigmentmenge und Bindemittel ab — keine lineare Formel bildet das nach. Betrachten Sie den Malfarbe-Modus als die Antwort des Farbkreises, nützlich für Designentscheidungen, nicht als Farbsimulator.

Was steuert der Anteilsregler genau?

Er legt fest, wie viel von jeder Farbe in die Mischung geht: Bei 30 % besteht das Ergebnis aus 70 % Farbe A und 30 % Farbe B. Bei 0 % und 100 % erhalten Sie die beiden Ausgangsfarben unverändert zurück.

Wofür ist die 11-stufige Skala gut?

Sie ist die vollständige Reihe zwischen den beiden Farben in 10-%-Schritten — praktisch für Verlaufsstopps, Hover- und Aktiv-Zustände, Diagrammpaletten oder überall dort, wo Sie einheitliche Zwischenfarben brauchen. Ein Klick auf eine Stufe kopiert deren Hex-Code.

Verlassen meine Farben den Browser?

Nein. Das Mischen läuft vollständig in JavaScript auf Ihrem Gerät — die Hex-Codes, die Sie eingeben, werden nie hochgeladen, protokolliert oder auf einem Server gespeichert.

Verwandte Tools

Lange Links? Kürzen Sie sie kostenlos

Vai.la verwandelt jede URL in einen Kurzlink mit Klick-Statistiken, QR-Code und Ihrem eigenen Biolink.

Vai.la übernimmt keine Verantwortung für die Nutzung der Tools oder für Entscheidungen, die auf ihren Ergebnissen basieren.