Convertisseur de Code Couleur Gratuit en Ligne
Convertissez des couleurs entre HEX, RGB, HSL, HSV et CMYK.
Who uses the Convertisseur de Code Couleur?
- Développeurs frontend convertissant un échantillon HEX d'un outil de design en RGB ou HSL pour une variable CSS.
- Étudiants apprenant comment HEX, RGB et HSL représentent différemment la même couleur.
- Designers vérifiant une valeur de couleur copiée depuis un guide de style ou une capture d'écran.
How the Convertisseur de Code Couleur works
Choisissez un onglet — HEX, RGB ou HSL — correspondant au format de votre couleur.
Saisissez la valeur : un code HEX comme #FF5733, ou des champs numériques R/V/B ou T/S/L.
Les deux autres formats et l'échantillon se mettent à jour automatiquement pendant la saisie.
Lisez les valeurs HEX, RGB et HSL sur la ligne de résultat sous l'échantillon.
Tips & tricks
- Changez d'onglet selon votre format d'entrée — les champs de chaque onglet sont indépendants, pas un champ universel unique.
- L'échantillon se met à jour en direct, ce qui permet de vérifier visuellement une valeur convertie avant de la copier.
- HSL est souvent plus simple pour ajuster la luminosité ou l'intensité d'une couleur — augmentez L pour éclaircir, diminuez S pour atténuer.
- Il n'y a pas de canal alpha/transparence — pour du CSS avec transparence, ajoutez la valeur alpha manuellement après conversion (ex. rgba(r, g, b, 0.5)).
Frequently Asked Questions
Quels formats de couleur CSS cet outil prend-il en charge ?
Cet outil convertit entre HEX (3 ou 6 chiffres), RGB et HSL — les trois formats de couleur CSS les plus courants. Il ne prend pas encore en charge les canaux alpha RGBA/HSLA, le HSB/HSV, le CMJN, ni les couleurs CSS nommées comme « coral ».
Quelle est la différence entre RGB et HSL ?
RGB définit une couleur par ses composantes rouge, verte et bleue (0–255 chacune). HSL la définit par teinte (0–360°), saturation (0–100 %) et luminosité (0–100 %) — souvent plus intuitif pour ajuster une couleur, car vous pouvez l'éclaircir ou la désaturer sans recalculer le RGB.
Comment convertir une couleur CSS nommée comme « coral » en HEX ?
Cet outil ne recherche pas les couleurs nommées — saisissez directement sa valeur HEX (coral = #FF7F50). Vous trouverez la valeur HEX d'une couleur nommée dans la spécification CSS Color Module ou dans le sélecteur de couleur de n'importe quel navigateur.
Qu'est-ce que le HSB/HSV et cet outil le prend-il en charge ?
HSB (Teinte, Saturation, Luminosité), aussi appelé HSV, est utilisé dans Photoshop et de nombreux outils de design — similaire au HSL mais définissant le troisième canal différemment. Cet outil convertit uniquement HEX/RGB/HSL ; si votre source est en HSB, convertissez-la d'abord dans votre outil de design.
Puis-je convertir des couleurs avec des variables CSS personnalisées ?
Saisissez la valeur de couleur réelle, pas le nom de la variable. Résolvez d'abord --my-color à sa valeur, puis convertissez. L'outil fonctionne avec des valeurs de couleur réelles, pas des références à des variables CSS.
Is my data safe when using the Convertisseur de Code Couleur?
Completely safe. The Convertisseur de Code Couleur processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Convertisseur de Code Couleur output in commercial projects?
Yes. The Convertisseur de Code Couleur is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Convertisseur de Code Couleur follow official standards?
Yes. The Convertisseur de Code Couleur is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.