Fusion assombrir deux couleurs
Combinez deux couleurs comme le fait le mode de fusion assombrir, en gardant la valeur la plus sombre canal par canal : #FF8800 avec #00AAFF donne un vert profond, #008800. Aucun canal ne devient plus clair que dans les couleurs de départ. Gratuit dans votre navigateur.
- Gratuit
- Fonctionne dans votre navigateur
- Sans inscription
- Vos données restent sur votre appareil
Lancer gratuitement
Exemple résolu
- Couleur 1
- #FF8800
- Couleur 2
- #00AAFF
- Hex
- #008800
- Chaîne RGB
- rgb(0, 136, 0)
Le mode de fusion assombrir combine deux couleurs en conservant, pour chaque canal rouge, vert et bleu, la valeur la plus sombre des deux. Les concepteurs y recourent lorsqu'ils veulent un échantillon d'ombre qui n'éclaircit jamais aucun parent, lorsqu'ils superposent des marques sur des photos sans calcul d'opacité, et lorsqu'ils ont besoin d'un résultat déterministe façon Photoshop dans des scripts. Cette capacité accepte deux codes hex, valide les deux, développe l'abréviation à trois chiffres et renvoie le résultat minimum par canal en hex et RGB. Contrairement à l'assombrissement en pourcentage d'une seule couleur ou à un mélange par ratio qui peut éclaircir des canaux, assombrir n'augmente jamais un canal au-dessus de l'une ou l'autre entrée.
Fonctionnement de la fusion assombrir : minimum par canal
La fusion assombrir est l'un des modes de composition classiques des éditeurs d'image et de CSS mix-blend-mode. L'abréviation à trois chiffres telle que hash f80 s'étend en doublant chaque nibble vers hash FF8800 avant comparaison, et les préfixes optionnels hash ou zero-x sont retirés. Comme chaque canal est choisi séparément, le résultat peut prendre le rouge d'un parent et le vert de l'autre ; c'est correct pour assombrir et ce n'est pas choisir la couleur la plus sombre dans son ensemble par luminance.
Les canaux déjà à zéro restent à zéro ; si les deux parents partagent un canal brillant, ce canal ne reste élevé que si les deux le sont également.
Flux de travail, tarification et différences avec assombrir en pourcentage ou mélanger
Appelez l'outil gratuit de fusion assombrir dans le navigateur pour esquisser des marques en couches, des superpositions photo ou des ombres à deux échantillons sans installer une suite graphique. Ce produit n'est pas l'assombrissement en pourcentage d'une seule couleur, qui abaisse la luminosité HSL d'un hex, ni un mélange linéaire RGB par ratio, qui peut élever un canal vers un parent plus clair. Les chercheurs de darken blend two colors veulent le comportement minimum par canal de Photoshop darken et CSS mix-blend-mode darken, pas un ton moyen par interpolation.
Seule l'entrée hex est prise en charge — couleurs CSS nommées et chaînes rgb entre parenthèses sont hors périmètre — normalisez donc en amont si vos données utilisent des noms. Les entrées suivent les mêmes règles de conservation que les autres éléments parse KIT.
Cas d’usage
Ombres de marque en couches
Combinez le hex du logo avec un accent dérivé d'une photo via la fusion assombrir pour qu'aucun canal ne s'éclaircisse, produisant un jeton d'ombre stable pour les kits marketing.
Superpositions d'interface à deux échantillons
Empilez deux couleurs de thème avec assombrir minimum par canal pour des superpositions de cartes et fonds de badges qui restent plus sombres que les deux parents sans calcul d'opacité.
Questions fréquentes
Quelle est la formule de la fusion assombrir ?
Aucun ratio n'est appliqué ; le canal le plus sombre gagne indépendamment.
En quoi cela diffère-t-il d'assombrir une couleur en pourcentage ?
L'assombrissement en pourcentage abaisse la luminosité d'une seule couleur. Cet outil prend deux couleurs et conserve le minimum de chaque paire RGB — le mode de fusion assombrir classique.
Que se passe-t-il si j'envoie un code hex invalide ?
Les deux couleurs doivent être hexadécimales à 3 ou 6 chiffres (# optionnel). Longueur incorrecte ou chiffres non hex sont rejetés et non facturés.
Le résultat peut-il mêler des canaux des deux couleurs ?
Oui. Chaque canal est choisi séparément : #FF8800 et #00AAFF donnent #008800, le rouge 0 venant de la seconde couleur, le vert 136 et le bleu 0 de la première. On ne choisit pas la couleur la plus sombre dans son ensemble.
L’ordre des deux couleurs change-t-il le résultat ?
Non. Pour chaque canal, on garde la plus petite des deux valeurs, et ce minimum est le même quel que soit l’ordre. Vous pouvez donc saisir les couleurs dans n’importe quel sens.
Outils associés
Pour les développeurs — accès API
Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.
Endpoint
Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.
Appeler depuis votre 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)Exemple de requête
{
"color1": "#FF8800",
"color2": "#00AAFF"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.darken_only",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.
Tarifs
Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.
Erreurs
| HTTP | Code | Signification |
|---|---|---|
401 | unauthorized | Clé API absente ou invalide : vérifiez l’en-tête Authorization. |
402 | insufficient_balance | Solde insuffisant : rechargez votre compte pour lancer cette tâche. |
404 | unknown_type | Type de tâche inconnu : vérifiez le champ type de votre requête. |
429 | rate_limited | Trop de requêtes : ralentissez la cadence, puis réessayez. |
Notes techniques
Un hex invalide échoue avec invalid_input et n'est pas facturé.
Fonctionnement de la fusion assombrir : minimum par canal
Pour chaque canal indépendamment, le résultat égale le minimum mathématique du canal correspondant de color1 et color2. Si color1 vaut hash FF8800 et color2 hash 00AAFF, le rouge devient le minimum de deux cent cinquante-cinq et zéro, soit zéro ; le vert le minimum de cent trente-six et cent soixante-dix, soit cent trente-six ; et le bleu le minimum de zéro et deux cent cinquante-cinq, soit zéro ; le résultat est donc un vert profond hash 008800. Des entrées identiques produisent toujours le même JSON : le chemin est purement arithmétique, sans réseau, sans graine aléatoire et sans horloge.
Contrat d'entrée, forme de la réponse et erreurs de validation
Color1 manquant, color2 manquant ou tout hex invalide échouent avant facturation. Utilisez hex lorsque vous avez besoin d'un seul jeton de style ; utilisez rgb lorsqu'un canevas, un graphique ou un vérificateur d'accessibilité attend des canaux séparés. Associez ce point de terminaison à des vérificateurs de contraste lorsque le résultat assombri doit respecter WCAG face au texte sur fond clair. Envoyez un corps JSON avec deux champs chaîne obligatoires : color1 et color2. Chaque valeur doit comporter trois ou six chiffres hexadécimaux avec un hash optionnel en tête ; chaînes vides, longueurs incorrectes et caractères non hex échouent avec invalid_input en nommant le champ pour que le client surligne le contrôle exact. En cas de succès, la réponse renvoie color1 et color2 normalisés en hex à six chiffres majuscules avec hash initial, expose color1_rgb et color2_rgb pour prévisualiser les deux parents, et renvoie le résultat assombri de trois façons : hex comme jeton principal pour les fichiers de thème, rgb comme objet avec des entiers r g et b de zéro à deux cent cinquante-cinq, et rgb_string comme ligne CSS rgb prête à coller. L'étiquette method est toujours darken_min pour que le code aval branche sans inspecter les formes.
Flux de travail, tarification et différences avec assombrir en pourcentage ou mélanger
Utilisez l'API prépayée lorsqu'un pipeline de design system, un générateur de thèmes e-commerce ou un service d'actifs marketing a besoin d'un contrat assombrir stable sous solde KIT à $0.002 par élément réussi ; les échecs de validation ne consomment jamais le solde. Les auteurs livrant des SDK peuvent mapper hex et rgb vers des sélecteurs de couleur et des tables de jetons que designers et étudiants attendent déjà pour documenter des règles de couches assombrir.
Cas d'intégration
Pipelines déterministes de design system
Les scripts CI appellent l'API prépayée pour fusionner par assombrir des paires de départ en jetons JSON bit à bit identiques à chaque exécution.
Questions techniques
Comment fusionner par assombrir deux couleurs hex ?
Envoyez un JSON avec color1 et color2 en chaînes hex (3 ou 6 chiffres, # optionnel). L'API renvoie le minimum par canal dans les champs hex et rgb avec method darken_min.
L'outil de fusion assombrir est-il gratuit ?
L'outil navigateur s'exécute gratuitement sur votre appareil. Les appels API utilisent le solde KIT prépayé à $0.002 par élément réussi ; les échecs de validation ne sont pas facturés.