Farbmischer

Was ist Farbmischer?

Der Farbmischer ist ein kostenloses Online-Tool, das zwischen zwei Farben interpoliert und dir die Zwischenfarbe liefert. Du gibst Farbe A und Farbe B als HEX ein (sowohl #rrggbb als auch die Kurzform #rgb funktionieren), bewegst den Verhältnisregler von 0 % (ganz Farbe A) bis 100 % (ganz Farbe B) und wählst den Farbraum: RGB mischt die rohen Kanäle direkt, während Lab in einem wahrnehmungsbasierten Raum mischt, der den Mittelpunkt meist natürlicher wirken lässt und trübe Grautöne vermeidet. Designer, Frontend-Entwickler und Illustratoren nutzen ihn, um einen Mittelton zwischen zwei Markenfarben zu finden, weiche Zweifarben-Verläufe zu erstellen, Hover- oder Rahmen-Tönungen abzuleiten oder vorab zu sehen, wie sich zwei Farben oder Verlaufsstopps in der Mitte treffen. Das Ergebnis wird als großes Farbfeld über einem schreibgeschützten HEX-Feld angezeigt, das du mit einem Klick kopieren kannst.

So verwendest du Farbmischer

1. Tippe oder füge deine erste Farbe in das Feld Farbe A (HEX) ein und die zweite in das Feld Farbe B (HEX), im Format #rrggbb oder #rgb.
2. Ziehe den Verhältnisregler (oder gib eine Zahl ein), um festzulegen, wie viel von Farbe B eingemischt wird: 0 % ergibt Farbe A, 100 % ergibt Farbe B, 50 % ist der genaue Mittelpunkt.
3. Wähle den Mischraum mit dem RGB-/Lab-Schalter – nimm Lab für eine wahrnehmungsmäßig gleichmäßigere Mischung oder RGB für einen wörtlichen Durchschnitt Kanal für Kanal.
4. Beobachte, wie sich das Vorschau-Farbfeld live aktualisiert, und lies darunter den HEX-Wert der gemischten Farbe ab.
5. Klicke auf die Kopierschaltfläche neben dem Ergebnis, um den gemischten HEX-Wert in die Zwischenablage zu kopieren.

Beispiele

A #ff0000, B #0000ff, Verhältnis 50%, RGB

#800080

A #4f86f7, B #ffffff, Verhältnis 75%, RGB

#d3e1fd

Häufig gestellte Fragen

Was ist der Unterschied zwischen den Optionen RGB und Lab?

RGB mischt die Kanäle Rot, Grün und Blau unabhängig voneinander, was schnell ist und genau dem entspricht, wie CSS Farben mittelt, aber bei weit entfernten Farbtönen in stumpfe Grautöne abrutschen kann. Lab wandelt beide Farben in den wahrnehmungsbasierten CIELAB-Raum um, interpoliert dort und wandelt zurück, wodurch der Mittelpunkt meist heller und näher an dem bleibt, was dein Auge erwartet. Beide liefern ein #rrggbb-Ergebnis.

Was bedeutet der Verhältnisregler?

Das Verhältnis gibt an, wie viel von Farbe B in der Mischung steckt. Bei 0 % entspricht das Ergebnis Farbe A, bei 100 % Farbe B und bei 50 % ist es der genaue Mittelpunkt zwischen beiden. Du kannst den Regler ziehen oder einen exakten Prozentwert eingeben.

Welche Farbformate kann ich eingeben?

Beide Eingaben akzeptieren HEX in der Form #rrggbb (sechs Stellen) oder #rgb (dreistellige Kurzform). Ist einer der Werte keine gültige HEX-Farbe, erscheint eine Fehlermeldung und es wird keine Mischung angezeigt, bis beide gültig sind. Die Ausgabe ist immer ein #rrggbb-HEX-Wert.

Kann ich die gemischte Farbe in einer Workspace-Kette verwenden?

Ja. Das Ergebnis wird als Ausgabeport bereitgestellt, sodass du in einem deftdeck-Workspace den gemischten HEX-Wert direkt in ein anderes Tool leiten kannst, und es aktualisiert sich automatisch, sobald du eine Farbe, das Verhältnis oder den Farbraum änderst.

Werden meine Farben irgendwohin gesendet?

Nein. Die gesamte Mischberechnung läuft lokal in deinem Browser, sodass deine Farbwerte nie auf einen Server hochgeladen werden. Das Tool funktioniert offline und hält deine Palette privat.