Zum Inhalt springen

Farbmischer

Zwei Farben mit einstellbarem Verhältnis mischen. Ergebnis in HEX, RGB und HSL mit Verlaufsvorschau und Zwischenstufen sehen. Kostenlos, 100% im Browser.

50%
Gemischte Farbe
+
=
Verlauf & Stufen

Wie funktioniert das Mischen von Farben?

Dieses Tool verwendet lineare RGB-Interpolation zum Mischen von Farben. Jeder RGB-Kanal (Rot, Grün, Blau) wird unabhängig basierend auf dem Mischverhältnis gemischt. Bei 0% erhältst du Farbe 1, bei 100% Farbe 2 und bei 50% eine gleichmäßige Mischung. Dies ist das Standard-Modell der additiven Farbmischung im digitalen Design — es unterscheidet sich von der subtraktiven Mischung (wie Farbe), bei der Blau + Gelb = Grün.

Farbmischmodelle

Additiv (RGB) — verwendet in Bildschirmen und digitalem Design. Rot + Grün = Gelb, Rot + Blau = Magenta, Grün + Blau = Cyan. Dieses Tool verwendet additive Mischung. Subtraktiv (CMYK) — verwendet in Druck und Malerei. Cyan + Magenta = Blau, Cyan + Gelb = Grün. HSL-Mischung — interpoliert Farbton, Sättigung und Helligkeit getrennt und erzeugt manchmal wahrnehmungsmäßig gleichmäßigere Ergebnisse.

Häufige Anwendungsfälle

Design-Systeme — Zwischenfarben zwischen Markenfarben erstellen. Verläufe — Verlaufsstufen vor dem Codieren in CSS voransehen. Themes — Hover- und Active-State-Farben durch Mischen mit Weiß oder Schwarz generieren. Datenvisualisierung — Farbskalen durch Mischen zweier Endpunktfarben erstellen. Kunst — mit digitalen Farbkombinationen experimentieren.

Datenschutz

Alle Berechnungen laufen 100% in deinem Browser. Es werden keine Daten an einen Server gesendet.