Générateur de variantes chaudes et froides d'une couleur

Saisissez une couleur hexadécimale chromatique pour obtenir cinq valeurs coordonnées : deux options plus chaudes, la base normalisée et deux options plus froides. Chaque variante conserve la saturation et la luminosité d'origine tandis que sa teinte se rapproche d'une cible orange ou bleue définie. Une même requête produit donc toujours la même palette compacte et explicable.

Principe de création des variantes chaudes et froides

Le générateur convertit d'abord la valeur hexadécimale de RGB vers HSL, espace dans lequel la teinte se règle indépendamment de la saturation et de la luminosité. Il utilise 30 degrés comme cible orange chaude et 220 degrés comme cible bleue froide. De chaque côté, la variante douce parcourt 35 pour cent de la plus courte distance circulaire vers sa cible, tandis que la variante forte en parcourt 70 pour cent. Le choix du trajet le plus court est essentiel près de la limite de zéro degré, puisque la teinte décrit un cercle et non une droite numérique. La saturation et la luminosité initiales restent inchangées : les cinq résultats demeurent ainsi apparentés au lieu de former une sélection arbitraire de couleurs plus vives, ternes, sombres ou claires. La réponse suit l'ordre chaud fort, chaud doux, base, froid doux et froid fort. Chaque entrée indique sa température, son intensité, sa valeur hexadécimale et la teinte calculée en degrés. Les cibles, proportions, règles d'arrondi et l'ordre étant fixes, une entrée valide fournit toujours exactement la même palette dans tout environnement pris en charge.

Choisir et interpréter la couleur de base

Saisissez une couleur CSS hexadécimale à trois ou six chiffres, avec ou sans dièse initial. La notation courte est développée avant le calcul et la réponse contient la valeur normalisée sur six chiffres. Une base chromatique convient le mieux, car la variation de température suppose une teinte significative. Le gris neutre, le noir pur et le blanc pur ont une saturation HSL nulle ; ils ne possèdent donc aucune teinte que l'on puisse réellement orienter vers l'orange ou le bleu. Le générateur refuse ces entrées au lieu d'inventer une saturation et de produire des couleurs qui ne respecteraient plus une transformation limitée à la teinte. Considérez les variantes douces comme des solutions discrètes pour des états d'interface voisins, des graphismes d'accompagnement ou des accents secondaires. Les variantes fortes expriment une différence de température plus nette tout en conservant saturation et luminosité. Cette palette facilite la coordination créative, mais ne contrôle pas le contraste. Avant d'employer un résultat pour du texte, des commandes, des indicateurs d'état ou tout élément sensible à l'accessibilité, vérifiez la paire premier plan–arrière-plan avec un outil de contraste dédié.

Intégrer une palette déterministe à votre méthode de travail

Une transformation fixe est particulièrement utile lorsque des couleurs doivent être régénérées par du code, documentées dans un système de design ou examinées par plusieurs équipes. Vous pouvez conserver une seule couleur de base approuvée et dériver les mêmes options chaudes et froides à chaque création de thème, graphique, illustration ou support de campagne. Cette méthode limite les écarts liés aux choix manuels et rend chaque nuance facile à justifier : les variantes résultent d'un déplacement mesuré de la teinte, et non d'une appréciation visuelle non documentée. Le résultat est volontairement limité à cinq couleurs afin de rester comparable d'un seul regard. Une équipe produit peut réserver les variantes douces aux états interactifs et aux fonds, puis employer les fortes pour l'accentuation ; une équipe de données peut distinguer des scénarios chauds et froids à intensité visuelle égale ; une équipe d'illustration peut partir de cet ensemble contrôlé avant de l'adapter au contexte. Une requête API coûte $0.002, tandis que le navigateur exécute localement la même logique déterministe. Aucun parcours ne dépend d'une recherche externe, du hasard, de l'heure, de l'historique utilisateur ou d'un profil colorimétrique lié à l'environnement.