Abdunkelungsmodus zwei Farben
Kombinieren Sie zwei Farben wie der Füllmodus Abdunkeln und behalten Sie Kanal für Kanal den dunkleren Wert: #FF8800 mit #00AAFF ergibt ein tiefes Grün, #008800. Kein Kanal wird je heller als in den Ausgangsfarben. Kostenlos in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Farbe 1
- #FF8800
- Farbe 2
- #00AAFF
- Hex
- #008800
- RGB-Zeichenkette
- rgb(0, 136, 0)
Der Abdunkelungsmodus kombiniert zwei Farben, indem er für jeden Rot-, Grün- und Blaukanal den dunkleren der beiden Werte behält. Designer greifen darauf zurück, wenn sie ein Schatten-Swatch brauchen, das keinen Elternton aufhellt, wenn sie Markenzeichen über Fotos legen ohne Opazitätsrechnung, und wenn sie ein deterministisches Photoshop-artiges Abdunkeln in Skripten brauchen. Diese Fähigkeit akzeptiert zwei Hex-Codes, prüft beide, expandiert die dreistellige Kurzform und liefert das Kanal-Minimum als Hex und RGB. Anders als prozentuales Abdunkeln einer einzelnen Farbe oder eine Ratio-Mischung, die Kanäle aufhellen kann, erhöht Abdunkeln keinen Kanal über einen der Eingänge.
So funktioniert der Modus Abdunkeln
Abdunkeln ist einer der klassischen Füllmodi aus Bildbearbeitung und Webgestaltung. Für Rot, Grün und Blau wird jeweils getrennt verglichen, und der kleinere der beiden Werte bleibt stehen. Bei #FF8800 und #00AAFF ist Rot das Minimum aus 255 und 0, also 0; Grün das Minimum aus 136 und 170, also 136; Blau das Minimum aus 0 und 255, also 0. Heraus kommt das tiefe Grün #008800. Dreistellige Kurzformen wie #f80 werden vorher zu #FF8800 verdoppelt. Weil kein Kanal steigt, wird das Ergebnis nie heller als eine der beiden Ausgangsfarben.
Wann Sie es nutzen und was Sie vermeiden
Der Modus eignet sich für Schatten aus einem Logo und einer Akzentfarbe, für Überlagerungen zweier Farbfelder oder um ein Ergebnis aus der Bildbearbeitung reproduzierbar nachzurechnen. Ein häufiger Irrtum ist, eine Mischung im Mittelton zu erwarten: Abdunkeln mittelt nicht, es nimmt stets das Minimum. Ein zweiter Irrtum betrifft die Eingabe. Nur Hex-Farben mit drei oder sechs Stellen werden angenommen, Farbnamen und RGB-Schreibweise nicht. Wandeln Sie solche Werte vorher um, sonst wird die Eingabe abgelehnt.
So funktioniert der Abdunkelungsmodus: Minimum pro Kanal
Abdunkeln ist einer der klassischen Kompositionsmodi in Bildeditoren und CSS mix-blend-mode. Die dreistellige Kurzform wie hash f80 wird durch Verdopplung jedes Nibbles zu hash FF8800 vor dem Vergleich expandiert, und optionale Präfixe hash oder zero-x werden entfernt. Weil jeder Kanal separat gewählt wird, kann das Ergebnis Rot vom einen und Grün vom anderen Elternteil nehmen; das ist für Abdunkeln korrekt und nicht dasselbe wie die dunklere Farbe als Ganzes nach Luminanz zu wählen.
Kanäle, die schon null sind, bleiben null; teilen beide Eltern einen hellen Kanal, bleibt er nur hell, wenn beide gleich hoch sind.
Workflows, Preis und Unterschiede zu Prozent-Abdunkeln oder Mischen
Rufen Sie das kostenlose Abdunkelungs-Werkzeug im Browser auf, wenn Sie geschichtete Marken, Foto-Overlays oder Zwei-Swatch-Schatten skizzieren, ohne eine Grafiksuite zu installieren. Wer darken blend two colors sucht, will das Kanal-Minimum-Verhalten von Photoshop darken und CSS mix-blend-mode darken, nicht einen Lerp-Mitteltont. Nur Hex-Eingabe wird unterstützt — benannte CSS-Farben und rgb-Klammerstrings liegen außerhalb des Umfangs —, normalisieren Sie also upstream, wenn Ihre Quelldaten Namen verwenden.
Eingaben folgen denselben Aufbewahrungsregeln wie andere KIT-Parse-Items. Autoren, die SDKs ausliefern, können hex und rgb direkt in Farbwähler und Token-Tabellen mappen, die Studierende und Designer bei dokumentierten Abdunkelungs-Schichtregeln erwarten.
Anwendungsfälle
Geschichtete Marken-Schatten
Kombinieren Sie Logo-Hex mit einem fotoabgeleiteten Akzent per Abdunkelungsmodus, sodass kein Kanal aufhellt, und erzeugen Sie ein stabiles Schatten-Token für Marketing-Kits.
UI-Overlays mit zwei Swatches
Stapeln Sie zwei Theme-Farben mit Kanal-Minimum-Abdunkeln für Karten-Overlays und Badge-Hintergründe, die dunkler als beide Eltern bleiben, ohne Opazitätsrechnung.
Häufige Fragen
Wie lautet die Formel des Abdunkelungsmodus?
Es wird kein Ratio angewandt; der dunklere Kanal gewinnt unabhängig.
Worin unterscheidet sich das vom prozentualen Abdunkeln einer Farbe?
Prozentuales Abdunkeln senkt die Helligkeit einer einzelnen Farbe. Dieses Werkzeug nimmt zwei Farben und behält das Minimum jedes RGB-Paares — den klassischen Abdunkelungsmodus.
Was passiert bei einem ungültigen Hex-Code?
Beide Farben müssen 3- oder 6-stellige Hexadezimalwerte sein (optionales #). Falsche Länge oder Nicht-Hex-Ziffern werden abgelehnt und nicht berechnet.
Kann das Ergebnis Kanäle aus beiden Farben mischen?
Ja. Jeder Kanal wird einzeln gewählt, daher ergeben #FF8800 und #00AAFF die Farbe #008800: Rot 0 stammt aus der zweiten Farbe, Grün 136 und Blau 0 aus der ersten. Es wird nicht die insgesamt dunklere Farbe gewählt.
Spielt die Reihenfolge der beiden Farben eine Rolle?
Nein. Pro Kanal bleibt der kleinere der beiden Werte, und dieses Minimum ist in jeder Reihenfolge gleich. Sie können die Farben also beliebig herum eingeben.
Verwandte Tools
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/darken-only \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color1":"#FF8800","color2":"#00AAFF"}'const res = await fetch("https://api.kit.forhosting.com/color/darken-only", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color1": "#FF8800",
"color2": "#00AAFF"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/darken-only",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color1": "#FF8800",
"color2": "#00AAFF"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/darken-only", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color1":"#FF8800","color2":"#00AAFF"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color1":"#FF8800","color2":"#00AAFF"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/darken-only", 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": "#FF8800",
"color2": "#00AAFF"
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.darken_only",
"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. |
Technische Hinweise
Ungültiges Hex scheitert mit invalid_input und wird nicht berechnet.
So funktioniert der Abdunkelungsmodus: Minimum pro Kanal
Für jeden Kanal unabhängig ist das Ergebnis das mathematische Minimum des entsprechenden Kanals von color1 und color2. Ist color1 hash FF8800 und color2 hash 00AAFF, wird Rot das Minimum aus zweihundertfünfundfünfzig und null, also null; Grün das Minimum aus einhundertsechsunddreißig und einhundertsiebzig, also einhundertsechsunddreißig; und Blau das Minimum aus null und zweihundertfünfundfünfzig, also null; das Ergebnis ist ein tiefes Grün hash 008800. Identische Eingaben erzeugen immer dasselbe JSON: der Pfad ist reine Arithmetik ohne Netz, ohne Zufalls-Seed und ohne Wanduhr.
Eingabevertrag, Antwortform und Validierungsfehler
Nutzen Sie hex, wenn Sie ein einzelnes Style-Token brauchen; nutzen Sie rgb, wenn Canvas, Chart oder Barrierefreiheitsprüfung getrennte Kanäle erwarten. Senden Sie einen JSON-Körper mit zwei Pflicht-Stringfeldern: color1 und color2. Jeder Wert muss drei oder sechs hexadezimale Ziffern mit optionalem führenden Hash sein; leere Strings, falsche Längen und Nicht-Hex-Zeichen scheitern mit invalid_input und benennen das Feld, damit Clients die genaue Steuerung markieren können. Bei Erfolg spiegelt die Antwort normalisierte color1 und color2 als sechsstellige Großbuchstaben-Hex mit führendem Hash, liefert color1_rgb und color2_rgb für UI-Vorschauen beider Eltern und gibt das abgedunkelte Ergebnis auf drei Arten zurück: hex als primäres Token für Theme-Dateien, rgb als Objekt mit ganzzahligen r g und b von null bis zweihundertfünfundfünfzig, und rgb_string als einfügefertige CSS-rgb-Zeile. Das method-Label ist immer darken_min, damit Downstream-Code ohne Form-Sniffing verzweigen kann. Fehlendes color1, fehlendes color2 und jedes ungültige Hex scheitern vor der Abrechnung. Kombinieren Sie diesen Endpoint mit Kontrastprüfern, wenn das abgedunkelte Ergebnis WCAG gegen Text auf hellem Hintergrund erfüllen muss.
Workflows, Preis und Unterschiede zu Prozent-Abdunkeln oder Mischen
Nutzen Sie die Prepaid-API, wenn eine Design-System-Pipeline, ein E-Commerce-Theme-Generator oder ein Marketing-Asset-Dienst einen stabilen Abdunkelungs-Vertrag unter KIT-Saldo zu $0.002 pro erfolgreichem Item braucht; Validierungsfehler verbrauchen nie Saldo. Dieses Produkt ist kein prozentuales Abdunkeln einer einzelnen Farbe, das die HSL-Helligkeit eines Hex senkt, und keine lineare RGB-Ratio-Mischung, die einen Kanal zu einem helleren Elternteil anheben kann.
Integrationsbeispiele
Deterministische Design-System-Pipelines
CI-Skripte rufen die Prepaid-API auf, um Samenpaare per Abdunkeln in JSON-Tokens zu mischen, die bei jedem Lauf bitidentisch bleiben.
Technische Fragen
Wie abdunkle ich zwei Hex-Farben im Blend-Modus?
Senden Sie JSON mit color1 und color2 als Hex-Strings (3 oder 6 Ziffern, optionales #). Die API liefert das Kanal-Minimum in den Feldern hex und rgb mit method darken_min.
Ist das Abdunkelungs-Werkzeug kostenlos?
Das Browser-Werkzeug läuft kostenlos auf Ihrem Gerät. API-Aufrufe nutzen Prepaid-KIT-Saldo zu $0.002 pro erfolgreichem Item; Validierungsfehler werden nicht berechnet.