Convertisseur HEX RGB

Convertissez les formats de couleur sans deviner

Les valeurs de couleur circulent souvent entre des outils qui préfèrent des formats différents. Un designer peut transmettre un jeton HEX, une animation CSS peut exiger des canaux RGB, et un ajustement de thème est parfois plus simple en HSL. Ce convertisseur HEX RGB synchronise les formats web courants : saisissez la version que vous avez et copiez celle dont vous avez besoin. L'aperçu en direct rend aussi les erreurs évidentes : si un canal est mal saisi, l'aperçu change immédiatement.

Le convertisseur prend en charge le flux de travail CSS quotidien : HEX à six chiffres, RGB, RGBA, HSL et HSLA. L'alpha est contrôlé séparément, car l'opacité relève généralement d'un choix de design plutôt que du jeton de couleur de marque. Réglez l'alpha sur un pour des couleurs opaques, ou diminuez-le pour créer des superpositions, des anneaux de focus, des ombres et des arrière-plans translucides qui conservent la même teinte de base.

Quand utiliser RGB, RGBA, HSL ou HSLA

RGB est une description directe de la couleur à l'écran et s'avère utile pour faire correspondre des valeurs issues de captures d'écran, de sorties canvas ou d'anciens outils de design. RGBA ajoute la transparence, pratique pour les superpositions et les bordures discrètes. HSL décrit la couleur en termes de teinte, de saturation et de luminosité ; il est donc plus naturel pour créer des couleurs apparentées : faites pivoter la teinte pour un nouvel accent, réduisez la saturation pour un état atténué ou augmentez la luminosité pour une version éclaircie. HSLA ajoute le même contrôle alpha à ce modèle plus lisible.

Des valeurs fiables pour le CSS et les design tokens

La cohérence des conversions est essentielle dans les design systems. Les erreurs d'arrondi ou les fautes de frappe copiées peuvent créer des couleurs quasi identiques, difficiles à repérer mais pénibles à maintenir. Cet outil limite les canaux RGB à la plage valide 0–255, garde les pourcentages HSL dans la plage 0–100 et formate le résultat en CSS prêt à coller. Comme tout s'exécute en local, vous pouvez convertir en toute sécurité des couleurs de produits non publiés, des palettes clients ou des jetons de marque internes sans les téléverser nulle part.