Développez une couleur hex courte

Saisissez une valeur comme #3a7 et obtenez #33aa77, prête pour une feuille de style, des jetons de design, un fichier de configuration ou une API exigeant la notation longue. L’entrée entière est validée avant le développement : les couleurs à six chiffres, les variantes alpha, les caractères erronés et les valeurs incomplètes produisent donc une erreur claire. Le résultat est normalisé en minuscules et comporte toujours le dièse initial pour une utilisation directe en CSS.

Fonctionnement du développement hexadécimal à trois chiffres

Une couleur hexadécimale CSS décrit normalement le rouge, le vert et le bleu avec deux chiffres par canal. Dans la forme courte, chaque canal n’utilise qu’un chiffre. Le développement n’ajoute pas de zéros et n’estime pas une teinte voisine : il répète chaque chiffre d’origine. Ainsi, #3a7 devient #33aa77 : le chiffre rouge 3 devient 33, le chiffre vert a devient aa et le chiffre bleu 7 devient 77. Cette répétition conserve exactement la couleur représentée par la notation courte selon les règles CSS. L’outil accepte les lettres hexadécimales en majuscules ou en minuscules et normalise sa réponse en minuscules, ce qui uniformise les configurations générées sans modifier la couleur. Le dièse initial est facultatif en entrée, car les valeurs provenant d’un tableur, d’un argument de ligne de commande ou d’un formulaire omettent souvent cette ponctuation CSS. La valeur complète renvoyée comporte toujours le dièse, tandis qu’un autre champ fournit les six chiffres seuls pour les systèmes stockant du texte hexadécimal brut. Aucune conversion d’espace colorimétrique ni aucun arrondi n’intervient : il s’agit d’une transformation directe et déterministe des caractères.

Définition d’une entrée valide

Une entrée valide contient exactement trois chiffres hexadécimaux après un éventuel dièse initial. Les chiffres de 0 à 9 et les lettres de A à F sont admis, quelle que soit leur casse. Les valeurs #09f, abc et F0C sont valides, contrairement à #12, #1234, #112233, red, 0xabc et #ggg. Cette règle stricte est essentielle, car plusieurs formats ressemblants ont des significations différentes. Quatre chiffres peuvent représenter une notation courte avec canal alpha, tandis que six chiffres constituent déjà une forme développée ; accepter silencieusement l’un de ces formats détournerait la capacité de son objectif. Les espaces extérieurs sont supprimés pour faciliter l’utilisation depuis les formulaires et le presse-papiers, mais tout espace interne reste incorrect. L’entrée doit aussi être une chaîne, car une valeur numérique peut perdre des zéros initiaux significatifs avant d’atteindre l’outil. En cas d’échec de validation, l’API renvoie une erreur d’entrée non valide accompagnée d’un message décrivant la forme exigée. Les automatisations peuvent ainsi repérer les erreurs et éviter d’écrire des valeurs mal formées dans une feuille de style ou une collection de jetons.

Intégration de la couleur développée dans un flux

Utilisez la valeur développée lorsqu’un outil en aval, un schéma ou une convention d’équipe impose des couleurs à six chiffres. Un script de migration peut normaliser d’anciens jetons avant de les comparer ; un importateur de système de design peut convertir les valeurs compactes avant de stocker des jetons canoniques ; et une chaîne de validation peut refuser les noms involontaires ou les formes alpha à son entrée. Comme le résultat est un texte stable en minuscules, plusieurs appels avec des casses différentes produisent la même valeur canonique, ce qui clarifie les diffs et les clés de cache. L’exécuteur du navigateur emploie la même logique pure que l’API : une valeur vérifiée de façon interactive se comporte donc pareil en automatisation. L’opération ne dépend pas du réseau et ne consulte aucune base de couleurs externe. Envoyez une couleur courte dans le champ hex, puis lisez expanded pour une valeur CSS ou expanded_no_hash si un autre format ajoute son propre préfixe. Chaque exécution API coûte $0.002. Pour obtenir des canaux RGB, du HSL, des noms, des mélanges ou un contraste, choisissez une capacité de conversion dédiée.