Recherche de code couleur

Comment l'utiliser

Saisissez ou collez un code couleur dans le champ. L'analyseur reconnaît le format automatiquement : HEX avec ou sans # (3, 4, 6 ou 8 chiffres), rgb()/rgba() avec séparateurs virgule, espace ou slash, et hsl()/hsla() avec unités deg/rad/turn. Le résultat se met à jour à chaque frappe, sans aucun bouton.

L'aperçu affiche un grand échantillon de la couleur résolue et une liste de valeurs HEX, RGB et HSL. Chaque ligne possède son bouton de copie, et Tout copier place les trois valeurs dans le presse-papiers en une fois.

• Détection automatique du format à la saisie
• Conversion HEX, RGB et HSL en une seule vue
• Canal alpha avec lecture en pourcentage
• Copie en un clic par valeur ou des trois ensemble

Cas concrets

Les livraisons design mélangent les notations : la charte utilise du HEX, le développeur écrit du rgb() en CSS et l'outil de motion exporte du HSL. Collez chaque valeur ici pour vérifier qu'elles résolvent toutes la même couleur avant qu'un écart n'atteigne la production.

Pour déboguer une couleur UI « légèrement fausse », collez la valeur suspecte depuis DevTools et comparez l'échantillon au design : c'est le moyen le plus rapide de savoir si le problème vient de la valeur elle-même ou de la couche au-dessus.