Générez une couleur complémentaire depuis une valeur hex ou RGB

Ce générateur accepte une valeur hex ou RGB courante, conserve sa saturation et sa luminosité, fait pivoter sa teinte de 180 degrés et renvoie la base normalisée avec le complément produit. Vous pouvez l’employer pour établir une relation forte entre deux couleurs dans des interfaces, illustrations, graphiques, recherches de marque ou jetons de conception. Le calcul est déterministe : une même entrée valide donne toujours le même résultat, tandis qu’un format incorrect déclenche une erreur explicite.

Saisissez une couleur de base précise

Commencez par la couleur que vous connaissez déjà. Le générateur accepte une valeur hex à trois chiffres comme #369, à six chiffres comme #336699, ces six mêmes chiffres sans dièse, ou une fonction RGB comme rgb(51, 102, 153). Les lettres hex ne sont pas sensibles à la casse et la valeur renvoyée est normalisée en six chiffres majuscules. Les canaux RGB doivent être des entiers compris entre zéro et 255. Les formats ambigus, notamment les noms CSS, canaux alpha, pourcentages, chaînes hex incomplètes et valeurs hors limites, sont refusés plutôt qu’interprétés. Envoyez la valeur dans le champ color ; l’alias value est également accepté. La réponse répète la base normalisée afin que vous puissiez vérifier précisément l’interprétation du service avant d’utiliser le résultat généré.

Comprenez la rotation de teinte de 180 degrés

Le calcul convertit la couleur de base du modèle RGB vers HSL, ajoute 180 degrés à sa teinte, ramène le résultat dans le cercle de 360 degrés, puis le reconvertit en RGB. La saturation et la luminosité restent inchangées. Il s’agit d’un complément chromatique et non d’une simple inversion de chaque canal RGB. Le rouge évolue vers le cyan, le vert vers le magenta et le bleu vers le jaune. L’arrondi intervient uniquement lors du retour aux canaux RGB entiers. Les gris neutres ont une saturation nulle et aucune teinte visible ; la rotation ne change donc pas leur aspect. La réponse fournit le format hex ainsi que les canaux rouge, vert et bleu séparés pour la base et le complément. Cette structure convient à un usage visuel comme aux chaînes automatisées, sans imposer l’analyse d’une chaîne formatée.

Employez le résultat comme relation initiale

Les couleurs complémentaires créent une séparation marquée, mais la paire brute constitue un point de départ et non une garantie d’accessibilité ou d’harmonie. Deux compléments très saturés utilisés à parts égales peuvent vibrer visuellement ; de nombreuses interfaces choisissent donc une teinte dominante et réservent son complément à un accent, un état, une série de données ou un appel à l’action. Vous pouvez aussi produire des tons clairs et foncés à partir des deux couleurs. Pour le texte et les commandes, vérifiez le contraste sur le fond réel, car des positions opposées n’assurent pas une luminance égale. Le résultat déterministe aide un processus de build à dériver toujours le même accent d’une couleur de marque. Il convient aussi au prototypage, aux graphiques, aux thèmes et aux pipelines de ressources. Les appels API utilisent le tarif de base publié de $0.002, tandis que le navigateur exécute localement le même calcul pur.