Fusionnez deux couleurs en mode exclusion et obtenez le code hex
Le mélangeur par exclusion combine deux couleurs hexadécimales selon ce mode de fusion et renvoie la couleur obtenue sous forme de code hex normalisé, de canaux RGB numériques et de chaîne RGB CSS prête à copier.
Lancer gratuitement
L’exclusion constitue une variante plus douce et moins contrastée du mode différence : les couleurs claires tendent à inverser l’autre entrée, les teintes sombres la modifient moins et des tons moyens identiques peuvent se rapprocher du gris. Les deux entrées sont contrôlées avant le calcul ; une valeur absente, incorrecte ou non prise en charge produit donc une erreur explicite plutôt qu’un résultat ambigu.
Le résultat produit par le mode de fusion exclusion
L’exclusion compare les deux couleurs canal par canal, sans se limiter à calculer leur moyenne. Pour chaque canal rouge, vert et bleu, le calculateur normalise les deux valeurs, applique la relation d’exclusion, puis reconvertit le résultat en canal huit bits. Le noir conserve l’autre couleur, tandis que le blanc l’inverse. Les valeurs situées entre ces extrêmes créent un contraste généralement plus modéré que celui du mode différence. L’exclusion convient ainsi lorsque vous recherchez une interaction visible entre deux couleurs sans contours agressifs ni séparation tonale spectaculaire. L’opération est symétrique : permuter la première et la deuxième couleur ne change pas le résultat. L’outil affiche les versions normalisées des deux entrées avec la sortie, ce qui vous permet de vérifier précisément le calcul. La réponse indique aussi le mode de fusion, une information utile pour archiver le résultat avec d’autres transformations ou effectuer des comparaisons dans un processus de conception automatisé. Le canal alpha est volontairement exclu : chaque entrée représente une couleur RGB opaque, pour un résultat prévisible et portable.
Validation et calcul des valeurs hexadécimales
Saisissez chaque couleur avec trois ou six chiffres hexadécimaux. Le signe # initial est facultatif, et les lettres majuscules comme minuscules sont acceptées. La notation à trois chiffres est développée avant le calcul : #369 devient donc #336699. Les noms de couleurs CSS, canaux alpha, syntaxes fonctionnelles rgb(), commentaires autour de la valeur et chaînes partiellement valides sont refusés. Ces règles strictes évitent qu’une faute de frappe soit silencieusement interprétée comme une autre couleur. Après validation, chaque canal suit l’équation standard d’exclusion : les deux valeurs sont additionnées, puis le double de leur produit divisé par 255 est soustrait. Le résultat est arrondi au canal entier le plus proche afin de pouvoir être exprimé en RGB huit bits et en hexadécimal à six chiffres. Le calcul ne dépend ni de la langue, ni des réglages de l’appareil, ni de l’heure, ni d’une valeur aléatoire ou d’un service externe. Des entrées identiques renvoient donc toujours les mêmes champs et valeurs JSON. Les deux couleurs étant obligatoires, toute absence est signalée avant la production d’un résultat avec le nom du champ concerné.
Exploiter le résultat en conception et en développement
Utilisez le code hex renvoyé partout où une couleur CSS opaque est admise, ou copiez la chaîne RGB dans une feuille de style, un jeton de conception, une opération canvas ou un scénario de test. L’objet RGB numérique séparé facilite l’inspection des canaux dans le code sans devoir analyser une nouvelle chaîne. La fusion par exclusion est particulièrement pratique pour prévisualiser des accents d’interface superposés, des affiches, des calques photographiques, des créations génératives et des états de survol exigeant un effet différence moins contrasté. Elle fournit aussi une référence déterministe pour vérifier que deux systèmes de rendu appliquent les mêmes calculs. Ce calculateur combine uniquement des valeurs de couleur : il ne compose pas la transparence, ne tient pas compte de l’arrière-plan d’un élément, ne convertit pas les profils colorimétriques et ne reproduit pas toutes les particularités d’un logiciel graphique. Pour une comparaison pertinente, conservez le même flux RGB que vos couleurs sources. Le navigateur permet des essais rapides ; une requête API coûte $0.002 lorsque le calcul s’intègre à un processus répétable. Sans dépendance réseau, l’opération convient aussi aux outils de build et aux tests exigeant des sorties stables.
Cas d’usage
Prévisualiser un contraste plus doux
Calculez la couleur opaque créée par l’interaction de deux valeurs de palette en mode exclusion avant d’appliquer l’effet à une mise en page.
Créer des jetons de conception déterministes
Générez une couleur hex dérivée et stable pour un thème, un état de composant, un système d’illustration ou une variable CSS réutilisable.
Vérifier les calculs de fusion
Comparez un moteur de rendu ou une chaîne graphique à un résultat RGB d’exclusion explicite comprenant les entrées normalisées et les canaux.
Questions fréquentes
Combien coûte un calcul par API ?
Chaque requête API coûte $0.002. Vous pouvez utiliser directement l’outil du navigateur sur cette page.
L’exclusion est-elle identique au mode différence ?
Non. Les deux modes comparent les canaux, mais l’exclusion produit généralement un effet plus doux et moins contrasté.
Quels formats de couleur sont acceptés ?
Utilisez trois ou six chiffres hexadécimaux, précédés éventuellement de #, comme #369, 336699 ou A0B1C2.
L’ordre des deux couleurs a-t-il une importance ?
Non. L’équation d’exclusion est symétrique : permuter les entrées donne la même couleur fusionnée.
Les couleurs transparentes sont-elles prises en charge ?
Non. Les entrées sont des couleurs RGB opaques ; les valeurs hexadécimales à quatre ou huit chiffres contenant un canal alpha sont refusées.
Pourquoi un logiciel graphique peut-il afficher une légère différence ?
Les profils colorimétriques, calculs en lumière linéaire, transparences, arrière-plans de composition et arrondis propres au logiciel peuvent modifier l’apparence. Cette capacité applique un calcul RGB huit bits déterministe.
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/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)Exemple de requête
{
"color1": "#336699",
"color2": "#CC8844"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.exclusion",
"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. |