UTILS.
100 % im Browser

Farbmischer

Mische zwei Farben in einem einstellbaren Verhältnis und erhalte den resultierenden HEX-Wert.

Ziehe den Schieberegler und klicke dann auf das Ergebnis, um es zu kopieren.

Über dieses Tool

Der Farbmischer ist ein kostenloses Tool, das direkt im Browser läuft, zwei Farben in einem einstellbaren Verhältnis mischt und den resultierenden Hex-Code zurückgibt. Wählen Sie mit den nativen Farbwählern eine Start- und eine Endfarbe, dann ziehen Sie den Verhältnis-Schieberegler von 0 bis 100 Prozent, um festzulegen, wie weit die Mischung von der ersten Farbe zur zweiten wandert.

Die Mischung wird berechnet, indem jeder RGB-Kanal linear interpoliert wird: Bei 0 % entspricht das Ergebnis der ersten Farbe, bei 100 % der zweiten, und 50 % ist der exakte Mittelpunkt. Die Werte werden in 8-Bit-sRGB berechnet, auf ganze Kanalstufen gerundet und live sowohl als große Vorschaufläche als auch als kopierbarer Hex-String angezeigt, während Sie den Schieberegler bewegen oder eine der Farben ändern.

Alles läuft auf Ihrem Gerät – keine Uploads, keine Konten, kein Tracking – und es funktioniert offline, sobald die Seite geladen ist. Nutzen Sie es, um einen Zwischenton zwischen zwei Markenfarben zu finden, einen Zwischenschritt für einen Farbverlauf zu erzeugen oder eine Vorschau darauf zu erhalten, was zwei kombinierte Farben ergeben.

Häufig gestellte Fragen

Wie wird die Mischung berechnet?
Jeder der Kanäle Rot, Grün und Blau wird zwischen den beiden Farben linear interpoliert, gewichtet nach der Position des Schiebereglers, und dann auf die nächste 8-Bit-Stufe gerundet. Bei 0 % erhalten Sie die erste Farbe und bei 100 % die zweite.
Wie kopiere ich das Ergebnis?
Klicken Sie auf den resultierenden Hex-Wert, und er wird in Ihre Zwischenablage kopiert.
Was bedeuten die Schieberegler-Prozentwerte?
Der Schieberegler legt das Mischverhältnis von 0 bis 100 in ganzen Prozentschritten fest. 0 % zeigt nur die erste Farbe, 100 % nur die zweite, und 50 % ist eine gleichmäßige Mischung; die Zahl gibt an, wie weit sich das Ergebnis zur zweiten Farbe bewegt.
Unterstützt es Transparenz oder andere Farbformate?
Nein. Die Wähler nutzen das native Farbeingabefeld, sodass beide Farben deckende 6-stellige sRGB-Hex-Werte ohne Alphakanal sind, und die Mischung erfolgt in gamma-kodiertem sRGB statt im linearen Lichtraum.

Weitere Tools