Farbmischer Mischen Sie zwei Farben mit anpassbarem Verhältnis und sehen Sie den vollständigen Farbverlauf.
Farbmischer
Mischen Sie zwei Farben mit anpassbarem Verhältnis und sehen Sie den vollständigen Farbverlauf.
Wählen Sie zwei Farben
Wählen Sie die beiden Farben aus, die Sie mischen möchten.
Verhältnis anpassen
Verwenden Sie den Regler, um das Mischverhältnis (0-100%) zu steuern.
Ergebnis kopieren
Kopieren Sie die gemischte HEX-Farbe.
What Is Farbmischer?
Ein Farbmischer kombiniert zwei Farben in jedem Verhältnis miteinander und zeigt Ihnen die exakte resultierende Farbe sowie einen 11-stufigen Farbverlauf des gesamten Mischbereichs. Die lineare RGB-Interpolation erzeugt die gemischte Farbe, was den Effekt von Farbmischungen oder der Erstellung von CSS-Farbübergängen nachahmt. Der Verhältnisschalter ermöglicht es Ihnen, reibungslos von 100 % der ersten Farbe zu 100 % der zweiten Farbe überzugehen. Das Tool zeigt sowohl das gemischte Ergebnis in einer großen Vorschau als auch den kompletten Farbverlaufstreifen zum Kontext. Farbmischen ist für die Erstellung von Zwischenfarben für Farbverläufe, das Finden von Mittelpunktfarben für Designsprachen, die Generierung von Übergangsfarben für Animationen und das Verständnis, wie zwei Markenfarben interagieren, wenn sie überlagert werden, unerlässlich.
Why Use Farbmischer?
-
Glatte Verhältnisskala von 0% bis 100% für präzise Mischung
-
Große Vorschau-Fläche des gemischten Ergebnisses
-
Vollständige 11-stufige Farbverlaufsskala zeigt den gesamten Mischbereich
-
Sowohl HEX- als auch RGB-Ausgaben mit Kopier-Schaltflächen
-
Sehen Sie sofort, wie sich zwei Farben kombinieren
Common Use Cases
Mittelpunkte finden
Finden Sie die exakte Mittelpunkt-Farbe zwischen zwei Markenfarben für einen reibungslosen Übergang.
Farbverlauf-Design
Vorschau, wie sich zwei Farben in einem Farbverlauf verbinden, bevor Sie sie in CSS implementieren.
Farbübergänge
Generieren Sie Zwischenfarben für Animations-Schritte zwischen zwei Farbzuständen.
Palette-Erweiterung
Erstellen Sie neue Farben, indem Sie bestehende Palette-Farben in verschiedenen Verhältnissen mischen.
Technical Guide
Der Mischer führt eine lineare Interpolation (lerp) im RGB-Farbraum durch: Ergebnis = Farbe1 × (1 - t) + Farbe2 × t, wobei t das Mischverhältnis von 0 bis 1 ist. Jeder Kanal (R, G, B) wird unabhängig interpoliert. Dies ist die einfachste Mischmethode und entspricht der Art und Weise, wie CSS-Übergänge zwischen Farben interpolieren. Es gibt komplexere Mischmethoden (wahrnehmbarer Lab-Raum, oklab), aber lineare RGB ist die am weitesten verbreitete und konsistent mit der Browser-Darstellung. Der 11-stufige Farbverlauf visualisiert den gesamten Interpolationsbereich in 10 %-Schritten. Beachten Sie, dass die lineare RGB-Interpolation leicht desaturierte Mittelpunkte erzeugen kann - beispielsweise ergibt das Mischen von reinem Rot und reinem Grün bei 50 % ein schmutziges braun-gelbes Ergebnis und nicht helles Gelb. Dies liegt daran, dass die RGB-Interpolation dem Farbkreis nicht folgt.
Tips & Best Practices
-
1Eine Mischung von 50% ergibt den exakten visuellen Mittelpunkt zwischen zwei Farben
-
2Probieren Sie es aus, komplementäre Farben zu mischen - der Mittelpunkt ist oft eine interessante neutrale Graufarbe
-
3Verwenden Sie die Farbverlaufsskala, um das Verhältnis zu finden, bei dem die Mischung am besten aussieht, nicht nur 50%
-
4Mischen mit Weiß (Abtönung) oder Schwarz (Schattierung) in verschiedenen Verhältnissen ergibt glatte Skalen
-
5RGB-Mischung kann matte Mittelpunkte erzeugen - dies ist das erwartete Verhalten für additive Mischung
Related Tools
Farbpicker
Interaktiver Farbpicker mit HEX-, RGB-, HSL- und CMYK-Ausgaben.
🎨 Color Tools
Monochromes Farbschema-Generator
Erstellen Sie ein monochromes Farbschema aus jeder Basisfarbe.
🎨 Color Tools
Linearer Farbverlauf-Generator
Erstellen Sie CSS-lineare Farbverläufe mit benutzerdefinierten Farben, Winkel und Farbstops.
🎨 Color Tools
Farbnuancen-Generator
Erstellen Sie dunklere Nuancen einer beliebigen Farbe mit anpassbarer Schrittanzahl.
🎨 Color Tools
Farb-Tönung-Generator
Erstellen Sie hellere Tönungen jeder Farbe mit anpassbarer Schrittanzahl.
🎨 Color ToolsFrequently Asked Questions
Q Wie wird die Farbmischung berechnet?
Q Warum ergibt die Mischung von Rot und Grün Braun anstelle von Gelb?
Q Ist dies additive oder subtraktive Mischung?
About This Tool
Farbmischer is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.