Convertisseur de couleurs
Convertissez les couleurs entre les formats HEX, RGB et HSL instantanément. Utilisez le sélecteur de couleurs ou saisissez les valeurs manuellement. Toutes les conversions s'effectuent en direct dans votre navigateur au fur et à mesure de la saisie.
Convertisseur de couleurs
Choisissez une couleur ou saisissez des valeurs dans n'importe quel format pour convertir entre HEX, RGB et HSL.
Comment fonctionne la conversion de couleurs
Les couleurs HEX utilisent une notation hexadécimale à six chiffres préfixée par #. Chaque paire de chiffres représente les canaux Rouge, Vert et Bleu respectivement, avec des valeurs de 00 à FF (0 à 255 en décimal).
RGB (Rouge, Vert, Bleu) est le modèle de couleur le plus courant pour les écrans. Chaque canal va de 0 à 255, offrant plus de 16 millions de combinaisons de couleurs possibles.
HSL (Teinte, Saturation, Luminosité) est un modèle de couleur plus lisible pour l'humain. La teinte est un degré sur la roue chromatique (0-360), tandis que la saturation et la luminosité sont des pourcentages. HSL facilite la création de variations d'une couleur en ajustant les propriétés individuelles.
Référence des formats de couleur
| Format | Syntaxe | Exemple | Idéal pour |
|---|---|---|---|
| HEX | #RRGGBB | #FF5733 | Raccourci CSS, spécifications de design |
| RGB | rgb(R, G, B) | rgb(255, 87, 51) | Propriétés CSS, utilisation programmatique |
| HSL | hsl(H, S%, L%) | hsl(11, 100%, 60%) | Palettes de couleurs, réglage d'accessibilité |
Questions fréquemment posées
Quelle est la différence entre HEX, RGB et HSL ?
HEX est une représentation hexadécimale d'une couleur (ex. #FF5733). RGB définit une couleur par ses composantes Rouge, Vert et Bleu (0-255 chacune). HSL définit une couleur par la Teinte (0-360 degrés), la Saturation (0-100%) et la Luminosité (0-100%). Ils décrivent tous les mêmes couleurs mais de différentes manières.
Comment convertir HEX en RGB ?
Pour convertir HEX en RGB, divisez le code hexadécimal à 6 chiffres en trois paires. Convertissez chaque paire de l'hexadécimal en décimal pour obtenir les valeurs Rouge, Vert et Bleu. Par exemple, #FF5733 donne R:255, V:87, B:51.
Quand utiliser HSL plutôt que RGB ?
HSL est plus intuitif pour les designers car vous pouvez facilement ajuster la luminosité ou la saturation sans changer la teinte. C'est idéal pour créer des palettes de couleurs, des états de survol et des variations de couleurs accessibles.
La conversion de couleurs est-elle effectuée localement ?
Oui, toutes les conversions de couleurs s'effectuent entièrement dans votre navigateur en JavaScript. Aucune donnée n'est envoyée à un serveur, garantissant une confidentialité totale et des résultats instantanés.