Zwei Farben mit Ineinanderkopieren verrechnen

Jeder rote, grüne und blaue Kanal wird getrennt ausgewertet: Dunkle Grundkanäle verwenden Multiplizieren, helle Grundkanäle Negativ multiplizieren. Geben Sie drei- oder sechsstellige Hexfarben ein und erhalten Sie einen normierten Hexwert, numerische RGB-Kanäle und eine fertige RGB-Zeichenfolge für CSS. Die Berechnung ist deterministisch, benötigt kein hochgeladenes Bild und prüft beide Eingaben, bevor sie ein Ergebnis ausgibt.

So wählt Ineinanderkopieren die Formel

Ineinanderkopieren steigert den Kontrast und bildet keinen Mittelwert zweier Farben. Der Rechner wandelt zunächst jede hexadezimale Komponente in einen Wert zwischen null und eins um. Danach untersucht er die roten, grünen und blauen Komponenten der Grundfarbe einzeln. Liegt ein Grundwert bei höchstens der Hälfte, folgt die Komponente der Multiplikation: zweimal Grundwert mal Mischwert. Oberhalb der Hälfte gilt Negativ multiplizieren: eins minus zweimal die verbleibenden Abstände beider Komponenten zu eins. Diese Entscheidung fällt für jeden Kanal unabhängig. Deshalb kann dasselbe Ergebnis den roten Kanal multiplizieren und beim blauen Kanal die helle Formel verwenden. Anschließend wird der normierte Wert in den Bereich von 0 bis 255 zurückgeführt und auf die nächste Ganzzahl gerundet. Dieser klar festgelegte Ablauf liefert reproduzierbare Ausgaben und entspricht der üblichen Definition ohne Alphakanal in Grafikwerkzeugen. Die Reihenfolge ist relevant: Wenn Sie Grund- und Mischfarbe vertauschen, kann eine andere Formel greifen und eine andere Farbe entstehen.

Farben eingeben und Ergebnis verstehen

Geben Sie eine Grundfarbe und eine Mischfarbe in hexadezimaler Schreibweise an. Sowohl die sechsstellige Form wie #336699 als auch die kurze dreistellige Form wie #369 werden unterstützt. Das führende Doppelkreuz ist optional; Alphakanäle, Farbnamen, CSS-Funktionen und Leerzeichen zwischen den Stellen werden dagegen abgewiesen. Kurze Werte werden vor der Berechnung erweitert, und gültige Eingaben erscheinen als sechsstellige Großschreibung, damit Protokolle und Tests einheitlich bleiben. Die Antwort enthält die verrechnete Hexfarbe, ein RGB-Objekt mit ganzzahligen Kanälen und eine direkt in CSS einsetzbare rgb(...)-Zeichenfolge. Außerdem gibt sie die normierten Eingaben und den Modus zurück. Sämtliche Prüfungen finden vor der Berechnung statt. Fehlt ein Feld, ist es keine Zeichenfolge, enthält es ungültige Zeichen oder hat es die falsche Länge, meldet die Anfrage eine ungültige Eingabe, statt einen Wert zu erraten. Diese Strenge hilft in Build-Systemen, denn eine scheinbar plausible, aber unbeabsichtigte Farbe wäre schwerer zu erkennen als ein eindeutiger Fehler.

Deterministische Ergebnisse im Designablauf nutzen

Verwenden Sie diesen Rechner, wenn eine Gestaltung Ineinanderkopieren vorgibt, Sie jedoch eine konkrete flache Farbe anstelle eines Dokuments mit Ebenen benötigen. Damit können Sie Theme-Token erzeugen, die Ausgabe eines Grafikeditors prüfen, Sollwerte für Rendering-Tests erstellen oder eine Ersatzfarbe für Systeme berechnen, die Mischmodi nicht erhalten. Da die Operation ausschließlich Farbkanäle verarbeitet, untersucht sie weder Pixel noch Deckkraft, Farbprofile, Verläufe oder umgebende Gestaltungselemente. Enthält eine Ebene Transparenz, müssen Sie Alpha getrennt zusammensetzen oder einen Bildablauf verwenden, der den gesamten Ebenenstapel versteht. Die Berechnung arbeitet direkt auf codierten RGB-Kanälen; sie linearisiert weder sRGB-Licht noch mischt sie in einem wahrnehmungsbezogenen Farbraum. Das ist beabsichtigt und entspricht der konventionellen, im Design erwarteten Formel. Im Browser ist die Nutzung kostenlos; automatisierte API-Anfragen kosten jeweils $0.002. Beide Wege verwenden dieselbe reine Berechnung ohne Netzwerk, Zufall oder Uhrzeit. Identische gültige Eingaben erzeugen daher stets dieselbe Ausgabe.