Convertisseur de couleurs
Saisissez un code couleur hexadécimal pour voir ses équivalents RVB et HSL avec les valeurs individuelles des canaux rouge, vert et bleu.
Comment utiliser ce convertisseur de couleur
- Saisissez le code couleur hexadécimal
Saisissez un code hexadécimal à 6 chiffres dans le champ Code couleur hex (ex. FF6B35 ou 00FF88). Omettez le symbole #.
- Consultez les valeurs RVB
Les résultats des canaux Rouge, Vert et Bleu affichent les valeurs de 0 à 255 pour chaque composante.
- Vérifiez le résultat TSL
Consultez le résultat TSL pour la teinte (0–360°), la saturation et la luminosité — utile pour les ajustements de couleur.
Fonctionnement de ce convertisseur de couleurs
Cet outil convertit un code couleur hexadécimal en représentations RVB (rouge, vert, bleu) et TSL (teinte, saturation, luminosité). Chaque paire hexadécimale correspond à une valeur de canal 8 bits (0–255), et la conversion TSL utilise les mathématiques standard de l'espace colorimétrique.
R = hex[0:2] → décimal ; V = hex[2:4] → décimal ; B = hex[4:6] → décimal Hex #FF6B35 → RVB(255, 107, 53) → TSL(16, 100%, 60%).
Hex 000000 → RVB(0, 0, 0) → TSL(0, 0%, 0%) — noir pur.
Hex FFFFFF → RVB(255, 255, 255) → TSL(0, 0%, 100%) — blanc pur. Hex 808080 → RVB(128, 128, 128) → TSL(0, 0%, 50%) — gris moyen.
- ✓ L'entrée est un code couleur hexadécimal valide à 6 chiffres.
- ✓ Le canal alpha n'est pas pris en charge dans cette version.
- La conversion CMJN nécessite un profil de couleur et n'est pas incluse ici.
Comprendre les modèles de couleurs
HEX, RVB et TSL sont différentes manières de décrire la même couleur. HEX encode le RVB sous forme de chaîne hexadécimale à 6 chiffres : chaque paire de caractères correspond à un canal 8 bits (0–255). Le RVB exprime les mêmes valeurs sous forme de trois nombres, les couleurs primaires additives émises par les écrans. Le TSL (Teinte, Saturation, Luminosité) est un modèle cylindrique : la teinte est l'angle sur la roue chromatique (0° rouge, 120° vert, 240° bleu), la saturation est l'intensité de la couleur et la luminosité est la clarté. Les designers préfèrent souvent le TSL pour ajuster les couleurs par programmation — modifier la luminosité seule permet d'assombrir ou d'éclaircir sans changer la teinte, et ajuster la saturation modifie l'éclat.
Cas d'utilisation de la conversion de couleurs pour les développeurs
Les développeurs convertissent les couleurs lors de la création de systèmes de design, de l'implémentation de thèmes, de la génération de palettes de couleurs et du débogage CSS. Les jetons de design stockent souvent les couleurs en hexadécimal ; la conversion en RVB ou TSL permet des calculs au moment de l'exécution, tels que les superpositions d'opacité ou les vérifications de contraste d'accessibilité. Les sélecteurs de thèmes peuvent avoir besoin de dériver des variantes plus claires ou plus sombres d'une couleur de base à l'aide du TSL. Les outils d'accessibilité automatisés convertissent les couleurs pour calculer la luminance et les rapports de contraste. Lors du débogage de problèmes de mise en page ou de thèmes, voir une valeur hexadécimale en RVB ou TSL aide à identifier quel canal est erroné. La conversion de couleurs est également utilisée dans la visualisation de données, les bibliothèques de graphiques et le thémage dynamique de l'interface utilisateur.
Questions fréquentes
Puis-je saisir un code hexadécimal à 3 chiffres ?
Actuellement, cet outil nécessite un code à 6 chiffres. Pour les raccourcis à 3 chiffres comme F60, convertissez-les d'abord en FF6600.
Qu'est-ce que le HSL ?
HSL signifie Hue, Saturation, Lightness (Teinte, Saturation, Luminosité). C'est une autre façon de décrire les couleurs que certains designers trouvent plus intuitive que le RGB.