Présentation
Le convertisseur de couleurs convertit entre les quatre formats de couleur les plus utilisés par les développeurs front-end : HEX, RGB, RGBA et HSL. Designers et ingénieurs front-end basculent souvent entre les outils de design (Figma, Sketch, Photoshop) et le code CSS, et cet outil permet d'effectuer toutes les conversions en un clic.
Comment utiliser cet outil
Étape 1 — saisissez une valeur de couleur dans n'importe quel format : HEX comme
#00e5ff ou 00e5ff (le # est optionnel), la forme à 3 chiffres #0cf est également prise en charge ; RGB comme rgb(0, 229, 255) ; HSL comme hsl(187, 100%, 50%). Étape 2 — un aperçu de couleur apparaît sous l'entrée en temps réel. Étape 3 — le panneau « Résultats de conversion » liste les quatre formats, chacun avec un bouton « Copier ». Étape 4 — l'outil détecte automatiquement le type d'entrée et ignore les valeurs invalides en toute sécurité.Cas d'usage courants
Les designers choisissent les couleurs en HSL dans Sketch ou Figma et transmettent au développeur le HEX ; les développeurs front-end convertissent le HEX d'une spécification de design en RGBA pour ajouter de la transparence ; ajuster les couleurs de marque avec HSL pour un contrôle plus facile de la luminosité et de la saturation ; déboguer les palettes de basculement de thèmes et de mode sombre ; documenter dans plusieurs formats les couleurs que vous avez prélevées sur des captures d'écran.
Détails techniques
HEX → RGB utilise la séparation bit à bit en canaux 8 bits. RGB → HSL utilise l'algorithme standard (normalisation à [0,1] puis calcul de teinte, saturation, luminosité). HSL → RGB est l'inverse en utilisant six segments linéaires de teinte. Le HEX à 3 chiffres est automatiquement développé (
#0cf → #00ccff). Le HEX à quatre canaux (avec alpha) n'est pas pris en charge ici — utilisez le générateur de couleurs CSS dédié.Confidentialité et sécurité
Toutes les conversions de couleur s'exécutent en local dans votre navigateur et l'entrée n'est jamais envoyée.