ForHosting KIT · Images

Trouveur de couleur complémentaire

Trouvez en une étape la couleur opposée à la vôtre sur le cercle chromatique : le rouge pur #FF0000 donne le cyan #00FFFF, à saturation et luminosité égales, en hexadécimal, RVB et TSL. Pratique pour tirer un accent de la couleur d’une marque. Gratuit dans votre navigateur.

  • Gratuit
  • Fonctionne dans votre navigateur
  • Sans inscription
  • Vos données restent sur votre appareil
Utilisez-le depuis WebAPIE-mailTelegramApp bientôt
Si vous saisissez
Couleur source en hex
#FF0000
Vous obtenez
Hexadécimal
#00FFFF
Chiffres hex
00FFFF
Résistance (Ω)
0
G
255

Les designers, les développeurs front-end et les équipes de marque ont souvent besoin de la couleur située juste en face d’un nuancier donné sur la roue des teintes—paires pour boutons et fonds, jetons d’accent issus d’un primaire de marque, ou démonstrations pédagogiques de la théorie classique des couleurs. Ce trouveur de couleur complémentaire accepte un code hex tel que #FF0000 ou la forme courte #f00, une chaîne rgb(r,g,b) ou des canaux rouge, vert et bleu séparés de zéro à deux cent cinquante-cinq ; il convertit la source en teinte, saturation et luminosité, fait pivoter la teinte d’exactement cent quatre-vingts degrés en gardant saturation et luminosité fixes, et renvoie la couleur complémentaire en hex, canaux RGB, composantes HSL et chaînes CSS prêtes à coller.

Saisir une couleur et calculer la teinte opposée

L’entrée hex accepte trois ou six chiffres hexadécimaux avec ou sans dièse initial, donc #FF0000 et FF0000 fonctionnent, de même que les formes courtes #f00 et f00. La casse est ignorée. Vous pouvez aussi envoyer une chaîne rgb(...) ou rgba(...), ou un triple séparé par des virgules comme 255,0,0 ; si l’alpha est présent, il est ignoré pour le calcul du complément.

Une fois la source résolue en canaux sRGB entiers, le moteur convertit en HSL via le même chemin max-min-chroma utilisé dans CSS et les piles graphiques : la luminosité est la moitié de la somme des canaux normalisés maximum et minimum, la saturation est nulle pour les gris et sinon le chroma mis à l’échelle par la formule HSL standard, et la teinte est l’angle de secteur en degrés de zéro à trois cent soixante.

Le complément se forme en ajoutant cent quatre-vingts degrés à la teinte modulo trois cent soixante, en laissant saturation et luminosité inchangées, puis en reconvertissant ce triple HSL en entiers RGB et en code hex à six chiffres majuscules.

Lire l’original, le complément et les champs de commodité

En cas de succès, la réponse inclut un objet original décrivant la couleur source analysée et un objet complement décrivant la couleur opposée. Le champ source indique si l’analyse a utilisé hex, une chaîne rgb ou des canaux séparés. Le rouge pur #FF0000 donne le cyan #00FFFF ; le vert pur se complète vers le magenta ; le bleu pur se complète vers le jaune.

Les gris achromatiques gardent le même RGB après rotation car la saturation est nulle—seul l’angle de teinte rapporté avance de cent quatre-vingts degrés.

Accents de marque depuis un hex primaire

Transformez un primaire de marque en accent opposé fiable pour boutons, graphiques et blocs marketing sans choisir des nuanciers à la main à chaque fois.

Comment trouver la couleur complémentaire d’un code hex ?

La réponse inclut complement.hex (et hex de premier niveau) plus RGB et HSL de la teinte opposée.

Puis-je envoyer des canaux RGB au lieu de hex ?

Oui. Fournissez r, g et b chacun entre 0 et 255, ou une chaîne telle que rgb(255,0,0). Les trois canaux sont requis en entrée par canaux.

Que se passe-t-il si la valeur de couleur est invalide ?

Hex mal formé, mauvaise longueur, caractères non hex, champs manquants et canaux hors de 0–255 sont rejetés et non facturés.

Quelle est la complémentaire d’un gris ?

Un gris n’a pas de saturation : sa complémentaire garde exactement les mêmes valeurs RVB. Seul l’angle de teinte affiché avance de 180 degrés ; ce que l’on voit à l’écran ne change pas.

Quelles sont les complémentaires du rouge, du vert et du bleu purs ?

Le rouge pur #FF0000 donne le cyan #00FFFF, le vert pur tend vers le magenta et le bleu pur vers le jaune. Chaque fois, la teinte tourne d’un demi-tour tandis que saturation et luminosité restent identiques.

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.

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

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é.

curl -X POST https://api.kit.forhosting.com/color/complementary \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF0000","hex":"valor-ejemplo"}'
{
  "color": "#FF0000",
  "hex": "valor-ejemplo"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.complementary",
  "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.

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

HTTPCodeSignification
401unauthorizedClé API absente ou invalide : vérifiez l’en-tête Authorization.
402insufficient_balanceSolde insuffisant : rechargez votre compte pour lancer cette tâche.
404unknown_typeType de tâche inconnu : vérifiez le champ type de votre requête.
429rate_limitedTrop de requêtes : ralentissez la cadence, puis réessayez.

Les valeurs de couleur invalides—hex mal formé, canaux hors plage ou champ manquant—échouent avec une erreur claire invalid_input afin qu’une mauvaise donnée ne soit jamais tronquée en silence.

Saisir une couleur et calculer la teinte opposée

Fournissez soit un champ chaîne nommé color (alias hex, value, colour et input), soit les trois canaux numériques r, g et b (alias red, green et blue). L’entrée par canaux exige les trois composantes dans l’intervalle inclusif de zéro à deux cent cinquante-cinq ; les nombres peuvent arriver en nombres JSON ou en chaînes numériques. Des entrées identiques produisent toujours un JSON identique car le chemin est purement arithmétique, sans réseau, sans graine aléatoire et sans horloge murale.

Lire l’original, le complément et les champs de commodité

Chaque lot porte hex avec dièse et six chiffres majuscules, hex_digits sans le dièse, les canaux r, g et b, h, s et l pour la teinte en degrés et la saturation et la luminosité en pour cent, les noms longs hue, saturation et lightness, un objet hsl imbriqué et une chaîne rgb_css telle que rgb(0, 255, 255). Pour un chaînage rapide, les mêmes valeurs du complément sont répétées au niveau supérieur comme hex, r, g, b, h, s, l, hsl et rgb_css afin que le code d’interface et les correcteurs lisent une forme plate sans imbrication. Le champ hue_rotation_deg vaut toujours cent quatre-vingts, et method est toujours hue_rotate_180 pour que les routeurs branchent sans inspecter les formes. Données de couleur manquantes, déchets non hex, mauvaise longueur hex et canaux hors de zéro à deux cent cinquante-cinq échouent avec invalid_input et ne sont pas facturés après le rejet du moteur.

Usage de l’API, tarification, flux de design et limites pratiques

Appelez le trouveur de couleur complémentaire gratuit dans le navigateur pour des contrôles de palette, des démonstrations de cours et des essais d’accents de marque sans installer de bibliothèque de couleur. Préférez ce point de terminaison lorsque l’intention de recherche vise spécifiquement la couleur complémentaire ou opposée sur la roue des teintes ; pour le seul hex vers HSL utilisez le convertisseur dédié, pour RGB vers HSL le convertisseur RGB vers HSL, et pour la conversion multi-format entre HEX, RGB, HSL, LAB et CMYK le convertisseur de couleur plus large du catalogue. Associez les compléments à des vérificateurs de contraste pour des thèmes accessibles, ou injectez des accents opposés dans des pipelines de jetons qui gardent la luminosité fixe tout en inversant les primaires de marque. Envoyez un corps JSON avec color égal à une chaîne hex ou rgb, ou r, g et b égaux aux valeurs de canal. Utilisez l’API prépayée lorsqu’un design system, un générateur de thèmes, un outil de variantes e-commerce ou un pipeline d’accessibilité a besoin d’un contrat stable sous solde KIT à $0.002 par élément réussi ; les échecs de validation ne consomment jamais de solde après le rejet du moteur. Les auteurs de SDK peuvent mapper hex et RGB de premier niveau directement dans des contrôles de formulaire ou des propriétés personnalisées CSS sans réimplémenter l’analyse de couleur et la rotation HSL dans chaque langage.

Thèmes et pipelines de jetons de design

L’automatisation qui stocke les couleurs en hex ou RGB dérive des jetons complémentaires avec un JSON déterministe pour les variantes de thème clair et sombre.

Enseignement de la théorie des couleurs et notation

Cours et évaluations de code confrontent les réponses complémentaires des étudiants à des fixtures stables, avec invalid_input lorsque la valeur de couleur est mal formée.

Comment le complément est-il calculé ?

Le moteur convertit la couleur en HSL, ajoute 180 degrés à la teinte (modulo 360), garde saturation et luminosité, puis reconvertit en RGB et hex. method est toujours hue_rotate_180.

Le trouveur de couleur complémentaire 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.

Consulter la documentation complète du KIT →