À propos du Convertisseur de couleurs
Les couleurs web sont souvent spécifiées en HEX (ex. pour le CSS), RGB (pour les outils de design) ou HSL (pour ajuster facilement teinte et saturation). Cet outil convertit entre les trois et affiche un aperçu en direct pour que vous puissiez coller la valeur dont vous avez besoin dans votre projet.Comment utiliser Color Converter
- Saisissez une valeur de couleur dans l'un des trois champs : HEX (ex. #2563EB), RGB (ex. 37, 99, 235) ou HSL (ex. 220, 84%, 53%).
- Les deux autres formats se mettent à jour instantanément, avec un aperçu de couleur en direct.
- Utilisez les boutons Copier pour copier la valeur dont vous avez besoin pour le CSS, les outils de design ou la documentation.
Fonctionnalités principales
- Conversion bidirectionnelle entre les formats de couleur HEX, RGB et HSL
- Aperçu de couleur en direct se mettant à jour en temps réel
- Prend en charge le HEX abrégé (#F00), le HEX complet (#FF0000) et divers styles de saisie
- Copie en un clic pour chaque format — prêt à coller dans le CSS ou les outils de design
- 100 % basé sur le navigateur — aucune communication serveur, aucune donnée envoyée
- Fonctionne en complément du Générateur de palette de couleurs pour des flux de travail couleur complets
Quand utiliser cet outil
- Conversion d'une couleur HEX d'une charte graphique en RGB pour utilisation dans un outil de design
- Ajustement de la teinte et de la saturation en HSL, puis copie du résultat HEX pour le CSS
- Documentation des spécifications de couleur dans plusieurs formats dans les guides de style
- Débogage de problèmes de couleur CSS en vérifiant les valeurs numériques derrière un code HEX
- Référence rapide lorsqu'un client ou un designer fournit une couleur dans un format différent de celui dont vous avez besoin
Détails techniques
La conversion HEX vers RGB analyse la chaîne hexadécimale en trois entiers 8 bits (0–255) pour le rouge, le vert et le bleu. La conversion RGB vers HSL normalise les valeurs RGB entre 0 et 1, calcule la teinte en fonction du canal dominant et dérive la saturation et la luminosité à partir du min/max des trois canaux. La conversion HSL vers RGB utilise l'algorithme standard qui traduit la teinte (0–360°), la saturation (0–100%) et la luminosité (0–100%) en valeurs RGB 0–255. Toutes les conversions sont mathématiquement sans perte à la précision de la couleur 8 bits (256 niveaux par canal). L'outil utilise du JavaScript pur sans bibliothèques externes.
Conclusion
Le Convertisseur de couleurs est un outil essentiel pour les développeurs web et les designers qui ont besoin de basculer rapidement entre les formats de couleur HEX, RGB et HSL. Avec un aperçu en direct et une copie en un clic, il simplifie tout flux de travail avec les couleurs — le tout dans la confidentialité de votre navigateur.