Developer

Color Mix Rechner

Mischt zwei Farben linear im RGB-Raum in einem einstellbaren Verhältnis.

Wozu dient der Color Mix Rechner?

Der Color Mix Rechner mischt zwei Farben linear im RGB-Raum in einem von dir gewählten Verhältnis. Praktisch für Designer und Entwickler, die einen Zwischenton zwischen zwei Farben suchen, etwa für Verläufe, Hover-Zustände oder eine Farbpalette.

Du gibst zwei Farben als Hex-Werte und den Anteil der zweiten Farbe in Prozent an. Bei 0 Prozent erhältst du Farbe 1, bei 100 Prozent Farbe 2, dazwischen den linear gemischten Ton. Das Ergebnis steht als Hex-Code zum Kopieren bereit. Die Berechnung läuft vollständig in deinem Browser.

Beispiele

  • Farbe 1 #FF0000, Farbe 2 #0000FF, Anteil 50 %: ergibt das Mittel-Lila #800080.
  • Weiß #FFFFFF und Schwarz #000000 bei 25 % ergibt ein helles Grau #BFBFBF.
  • Markenblau #3B82F6 mit 20 % Weiß ergibt einen helleren, weicheren Blauton für Hintergründe.

Häufige Fragen zum Color Mix Rechner

Was bedeutet Mischen im RGB-Raum?

Die Rot-, Grün- und Blauanteile beider Farben werden anteilig gemittelt. Das ist einfach und schnell, kann aber bei manchen Farbpaaren etwas matter wirken als ein Mix in anderen Farbräumen.

Wie erzeuge ich Zwischenstufen für einen Verlauf?

Berechne den Mix bei verschiedenen Prozentwerten, etwa 25, 50 und 75 Prozent. So erhältst du gleichmäßige Zwischentöne zwischen den beiden Farben.

Warum unterscheidet sich das Ergebnis von einem CSS-Verlauf?

Browser interpolieren Verläufe oft in anderen Farbräumen. Der lineare RGB-Mix ist eine bewusst einfache Methode und kann daher leicht abweichen.

Werden meine Eingaben gespeichert?

Nein. Alle Berechnungen laufen ausschließlich im Browser. Es werden keine Daten gesendet oder gespeichert.

Ist das Tool kostenlos?

Ja, vollständig kostenlos und ohne Registrierung.