ForHosting KIT · Entwickler-Tools

Zwei Farben im Ausschlussmodus mischen und Hexwert berechnen

Der Farbmischer kombiniert zwei Hexadezimalfarben im Ausschlussmodus und gibt die exakte Ergebnisfarbe als normalisierten Hexwert, numerische RGB-Kanäle und kopierfertige CSS-RGB-Zeichenfolge aus.

● BetaKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailTelegramApp bald

Ausschluss ist eine weichere, kontrastärmere Variante des Differenzmodus: Helle Farben kehren den anderen Eingabewert tendenziell um, dunkle Farben verändern ihn weniger und identische Mitteltöne können sich Grau annähern. Beide Eingaben werden vor der Berechnung geprüft. Fehlende, fehlerhafte oder nicht unterstützte Farbwerte führen deshalb zu einer eindeutigen Validierungsmeldung statt zu einem missverständlichen Ergebnis.

Was der Ausschluss-Mischmodus erzeugt

Der Ausschluss vergleicht beide Farben Kanal für Kanal, bildet aber nicht einfach ihren Mittelwert. Für jeden roten, grünen und blauen Kanal normalisiert der Rechner beide Werte, wendet die Ausschlussbeziehung an und wandelt das Ergebnis wieder in einen Acht-Bit-Kanal um. Schwarz lässt die andere Farbe unverändert, Weiß kehrt sie um. Werte zwischen diesen Endpunkten erzeugen einen sanfteren Kontrast als der Differenzmodus normalerweise. Ausschluss eignet sich daher, wenn Sie eine sichtbare Wechselwirkung zwischen Farben ohne harte Kanten oder extreme Tontrennung benötigen. Die Operation ist symmetrisch: Werden erste und zweite Farbe vertauscht, bleibt das Ergebnis gleich. Das Werkzeug zeigt die normalisierten Fassungen beider Eingaben zusammen mit der Ausgabe, sodass Sie die Berechnung genau nachvollziehen können. Außerdem nennt die Antwort den Mischmodus. Das ist hilfreich, wenn Ergebnisse gemeinsam mit anderen Farbtransformationen gespeichert oder in einem automatisierten Designablauf verglichen werden. Alpha bleibt bewusst unberücksichtigt: Jede Eingabe steht für eine deckende RGB-Farbe, wodurch das Resultat vorhersehbar und übertragbar bleibt.

Wie Hexadezimaleingaben geprüft und berechnet werden

Geben Sie jede Farbe mit drei oder sechs Hexadezimalziffern ein. Ein führendes # ist optional; Groß- und Kleinbuchstaben sind zulässig. Die dreistellige Schreibweise wird vor der Berechnung erweitert, sodass #369 zu #336699 wird. CSS-Farbnamen, Alphakanäle, funktionale rgb()-Syntax, zusätzliche Erläuterungen und nur teilweise gültige Werte werden nicht akzeptiert. Diese strengen Regeln verhindern, dass ein Tippfehler unbemerkt als andere Farbe interpretiert wird. Nach der Prüfung verwendet jeder Kanal die übliche Ausschlussgleichung: Beide Kanalwerte werden addiert, anschließend wird das Doppelte ihres durch 255 geteilten Produkts abgezogen. Das Ergebnis wird auf den nächsten ganzzahligen Kanal gerundet und kann dadurch als konventionelles Acht-Bit-RGB und sechsstelliger Hexwert dargestellt werden. Die Berechnung hängt weder von Sprache, Geräteeinstellungen und Uhrzeit noch von Zufallswerten oder externen Diensten ab. Gleiche Eingaben liefern daher stets dieselben JSON-Felder und Werte. Da beide Farben erforderlich sind, wird ein fehlendes Feld vor jeder Ergebnisausgabe namentlich gemeldet.

Das Ergebnis in Design und Entwicklung verwenden

Verwenden Sie den ausgegebenen Hexwert überall dort, wo eine deckende CSS-Farbe erlaubt ist, oder kopieren Sie die RGB-Zeichenfolge in ein Stylesheet, ein Design-Token, eine Canvas-Operation oder einen Testfall. Das separate numerische RGB-Objekt erleichtert Programmen die Prüfung einzelner Kanäle, ohne erneut eine Zeichenfolge auszuwerten. Ausschlussmischung ist besonders nützlich für überlagerte Oberflächenakzente, Plakatgestaltungen, Fotoebenen, generative Kunst und Hover-Zustände, bei denen ein kontrastärmerer Differenzeffekt gewünscht ist. Sie dient ebenso als deterministische Referenz, wenn Sie die Mischberechnung zweier Renderingsysteme vergleichen. Der Rechner kombiniert ausschließlich Farbwerte: Er verrechnet keine Transparenz, berücksichtigt keinen Elementhintergrund, konvertiert keine Farbprofile und bildet nicht jede Besonderheit einer Grafikanwendung nach. Nutzen Sie die Ausgabe für einen aussagekräftigen Vergleich im selben RGB-Arbeitsablauf wie die Quellfarben. Im Browser können Sie schnell experimentieren; eine API-Anfrage kostet $0.002, wenn die Berechnung Teil einer wiederholbaren Verarbeitung ist. Ohne Netzwerkabhängigkeit eignet sie sich auch für Build-Werkzeuge und Tests mit stabilen Ausgaben.

Einen weicheren Kontrast vorab ansehen

Berechnen Sie die deckende Farbe, die beim Ausschluss zweier Palettenwerte entsteht, bevor Sie den Effekt in einem Layout einsetzen.

Deterministische Design-Tokens erstellen

Erzeugen Sie eine stabile abgeleitete Hexfarbe für ein Theme, einen Komponentenstatus, ein Illustrationssystem oder eine wiederverwendbare CSS-Variable.

Mischberechnungen überprüfen

Vergleichen Sie eine Rendering- oder Grafikpipeline mit einem eindeutigen RGB-Ausschlussergebnis samt normalisierten Eingaben und Kanälen.

Was kostet eine Berechnung über die API?

Jede API-Anfrage kostet $0.002. Das Browserwerkzeug können Sie direkt auf dieser Seite verwenden.

Ist Ausschluss dasselbe wie eine Differenzmischung?

Nein. Beide vergleichen Kanäle, doch Ausschluss erzeugt üblicherweise einen weicheren und kontrastärmeren Effekt.

Welche Farbformate werden akzeptiert?

Verwenden Sie drei oder sechs Hexadezimalziffern mit optionalem # am Anfang, etwa #369, 336699 oder A0B1C2.

Spielt die Reihenfolge der beiden Farben eine Rolle?

Nein. Die Ausschlussgleichung ist symmetrisch; vertauschte Eingaben ergeben dieselbe Mischfarbe.

Werden transparente Farben unterstützt?

Nein. Die Eingaben sind deckende RGB-Farben; vier- und achtstellige Hexwerte mit Alphakanal werden abgelehnt.

Warum kann eine Grafikanwendung etwas anders aussehen?

Farbprofile, lineare Lichtberechnungen, Transparenz, Kompositionshintergründe und programmspezifische Rundung können die Darstellung beeinflussen. Diese Fähigkeit nutzt deterministische Acht-Bit-RGB-Arithmetik.

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

POSThttps://api.kit.forhosting.com/color/exclusion

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

curl -X POST https://api.kit.forhosting.com/color/exclusion \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color1":"#336699","color2":"#CC8844"}'
{
  "color1": "#336699",
  "color2": "#CC8844"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.exclusion",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →