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.
Im Browser ausführen – kostenlos
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.
Anwendungsfälle
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.
Häufige Fragen
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.
Für Entwickler — API-Zugang
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.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
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"}'const res = await fetch("https://api.kit.forhosting.com/color/exclusion", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color1": "#336699",
"color2": "#CC8844"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/exclusion",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color1": "#336699",
"color2": "#CC8844"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/exclusion", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color1":"#336699","color2":"#CC8844"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color1":"#336699","color2":"#CC8844"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/exclusion", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"color1": "#336699",
"color2": "#CC8844"
}Beispiel-Antwort
{
"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.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |