Skip to main content

Farbmischer Mischen Sie zwei Farben mit anpassbarem Verhältnis und sehen Sie den vollständigen Farbverlauf.

Farbmischer illustration
🎨

Farbmischer

Mischen Sie zwei Farben mit anpassbarem Verhältnis und sehen Sie den vollständigen Farbverlauf.

1

Wählen Sie zwei Farben

Wählen Sie die beiden Farben aus, die Sie mischen möchten.

2

Verhältnis anpassen

Verwenden Sie den Regler, um das Mischverhältnis (0-100%) zu steuern.

3

Ergebnis kopieren

Kopieren Sie die gemischte HEX-Farbe.

Loading tool...

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

  • 1
    Eine Mischung von 50% ergibt den exakten visuellen Mittelpunkt zwischen zwei Farben
  • 2
    Probieren Sie es aus, komplementäre Farben zu mischen - der Mittelpunkt ist oft eine interessante neutrale Graufarbe
  • 3
    Verwenden Sie die Farbverlaufsskala, um das Verhältnis zu finden, bei dem die Mischung am besten aussieht, nicht nur 50%
  • 4
    Mischen mit Weiß (Abtönung) oder Schwarz (Schattierung) in verschiedenen Verhältnissen ergibt glatte Skalen
  • 5
    RGB-Mischung kann matte Mittelpunkte erzeugen - dies ist das erwartete Verhalten für additive Mischung

Related Tools

Frequently Asked Questions

Q Wie wird die Farbmischung berechnet?
Farben werden mithilfe linearer Interpolation im RGB-Raum gemischt. Jeder Kanal (R, G, B) wird unabhängig gemischt: Ergebnis = Kanal1 × (1-Verhältnis) + Kanal2 × Verhältnis.
Q Warum ergibt die Mischung von Rot und Grün Braun anstelle von Gelb?
Bei der linearen Interpolation im RGB-Raum verläuft der Pfad durch matte Zwischenwerte. Das echte Gelb befindet sich an einer anderen Position im Farbraum. Für eine farbkreisbewusste Mischung verwenden Sie HSL-Interpolation.
Q Ist dies additive oder subtraktive Mischung?
Dies ist additive (lichtbasierte) Mischung im RGB-Raum, die der Darstellung von Farben auf Bildschirmen entspricht. Eine paint-ähnliche subtraktive Mischung würde andere Ergebnisse liefern (z.B. Blau + Gelb = Grün in Farbe, Grau in RGB).

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.