Zwei Farben nach Verhältnis mischen

Sie geben die erste Farbe, die zweite Farbe und den prozentualen Anteil der zweiten an. Der Rechner mittelt Rot, Grün und Blau getrennt, rundet jedes Ergebnis auf einen gültigen Kanalwert und liefert einen normalisierten großgeschriebenen Hexwert sowie einzelne RGB-Zahlen. Das eignet sich für Design-Tokens, Diagramme, Themes und automatisierte Medien, die ein wiederholbares Ergebnis statt einer nach Augenmaß gewählten Farbe benötigen. Ungültige Farben und Verhältnisse werden eindeutig abgelehnt; gleiche Eingaben erzeugen stets dieselbe Ausgabe.

Legen Sie zuerst das Mischverhältnis fest

Verstehen Sie das Verhältnis als prozentualen Anteil der zweiten Farbe. Bei null erhält die erste das gesamte Gewicht und die Ausgabe entspricht color1; bei hundert entsteht color2. Bei fünfundzwanzig trägt die erste Farbe fünfundsiebzig Prozent und die zweite fünfundzwanzig Prozent bei. Die Reihenfolge ist daher beim Aufbau zusammengehöriger Farbfelder entscheidend. Geben Sie eine dreistellige Kurzform wie #F00 oder einen vollständigen sechsstelligen Hexwert wie #FF0000 ein. Das führende Doppelkreuz ist optional, alle übrigen Zeichen müssen hexadezimal sein. CSS-Namen, RGB-Funktionen, achtstellige Alphafarben, fehlende Felder und fehlerhafte Werte weist das Werkzeug bewusst zurück, anstatt sie zu erraten. So führt ein Tippfehler in Stapelverarbeitung zu einem klaren Eingabefehler statt zu einer glaubwürdigen, aber falschen Palette. Dokumentieren Sie die Eingabereihenfolge in wiederverwendbaren Skripten, damit der Bezug des Prozentwerts eindeutig bleibt.

Verstehen Sie die gewichtete RGB-Berechnung

Der Algorithmus zerlegt jede Hexfarbe in rote, grüne und blaue Kanalwerte zwischen null und 255. Je Kanal multipliziert er den ersten Wert mit eins minus dem Verhältnisanteil, den zweiten mit diesem Anteil, addiert beide Produkte und rundet auf die nächste ganze Zahl. Fünfzig Prozent gewichten beide Eingaben gleich, zehn Prozent bleiben deutlich näher an der ersten. Die Kanäle werden unabhängig und ohne Zufall, Tabellen, Netzwerk oder verborgene Regeln berechnet. Das Verfahren ist ein linearer Mittelwert codierter RGB-Kanäle, keine wahrnehmungsbezogene Mischung und keine Umrechnung über HSL, LAB, LCH, Pigmente oder gammakorrigiertes Licht. Deshalb kann die optische Mitte unterschiedlich hell wirken. Dieses beabsichtigte Verhalten entspricht der nachvollziehbaren Arithmetik vieler Token-Generatoren und Grafikprogramme. Das Methodenfeld kennzeichnet die Rechnung für spätere Prüfungen eindeutig.

Nutzen Sie die Ausgabe zuverlässig

Die Antwort enthält die Mischfarbe als großgeschriebenen sechsstelligen Hexwert und als RGB-Objekt mit ganzzahligen Kanälen. Außerdem wiederholt sie das Verhältnis, nennt beide normierten Gewichte und bezeichnet die Methode. Verwenden Sie Hex in CSS-Variablen, Theme-Dateien, Diagrammen, E-Mail-Vorlagen oder Token-Dateien; einzelne Kanäle eignen sich für Programme sowie Kontrast- und Leuchtdichteprüfungen. Die deterministische Berechnung erlaubt exakte Tests mit stabilen Referenzdaten. Für gelegentliche Aufgaben dient die Browserversion; automatisierte Aufrufe über Build-Systeme, CMS oder Anwendungen kosten $0.002. Prüfen Sie anschließend die Barrierefreiheit, falls Text auf der erzeugten Farbe steht, denn ein korrektes Verhältnis garantiert keinen ausreichenden Kontrast. Halten Sie für eine Farbrampe dasselbe geordnete Paar fest und wenden Sie eine geplante Folge von Prozentwerten an, damit Endpunkte und Zwischenfarben reproduzierbar bleiben.