COMPRENDRE · COMPARER · CRÉER
Convertisseur couleurs : HEX, RVB et HSL
Convertissez un code HEX, RVB ou HSL en conservant une couleur sRGB. Les résultats sont calculés localement. Les valeurs invalides sont signalées ; les formats avec transparence et les conversions CMJN ne sont pas pris en charge.
| Format | Résultat |
|---|---|
| HEX | #048B9A |
| RVB | rgb(4, 139, 154) |
| HSL | hsl(186 94.94% 30.98%) |
Sommaire complet de la page
Formats acceptés#
| Entrée | Exemple | Bornes |
|---|---|---|
| HEX court ou complet | #0AF ou #00AAFF | 3 ou 6 chiffres hexadécimaux |
| RVB | rgb(12, 34, 56) ou 12 34 56 | Trois nombres entre 0 et 255 |
| HSL | hsl(210, 50%, 40%) | H en degrés ; S et L de 0 à 100 % |
Pourquoi pas une valeur CMJN automatique ?#
Une séparation CMJN destinée à l’impression exige un profil et les spécifications du procédé. Une formule générique ne permettrait pas de garantir le résultat. Comparer les modèles de couleur.
Vérification manuelle : #048B9A#
Séparez les trois paires : 04, 8B, 9A. En base seize, B vaut 11 et A vaut 10. On obtient R = 0 × 16 + 4 = 4, V = 8 × 16 + 11 = 139, B = 9 × 16 + 10 = 154. Le code et rgb(4, 139, 154) décrivent les mêmes canaux sRGB.
Pour HSL, le maximum des canaux normalisés vaut 154/255 et le minimum 4/255. La luminosité L est leur moyenne : environ 30,98 %. Ce nombre n’est pas la luminance de contraste. Conservez le HEX comme référence lorsque vous copiez des HSL arrondis.
Comprendre une entrée refusée#
| Valeur saisie | Problème | Correction |
|---|---|---|
| #12345 | Cinq chiffres ne forment pas un HEX accepté | Utiliser 3 ou 6 chiffres |
| rgb(256, 0, 0) | Un canal dépasse 255 | Vérifier la valeur source |
| hsl(210, 120%, 40%) | La saturation dépasse 100 % | Choisir une saturation de 0 à 100 % |
| rgba(0, 0, 0, 0.5) | La transparence n’est pas prise en charge | Fournir un code opaque calculé sur le fond voulu |
Un angle HSL négatif est en revanche accepté et ramené à un tour complet : −120° correspond à 240°. Les valeurs RVB décimales acceptées sont arrondies à des canaux entiers dans les résultats.
Sources et méthode
- W3C — CSS Color : codes sRGB, noms CSS et HSL
Les valeurs numériques et mots-clés CSS ; pas une normalisation des noms français. - Adobe — Color modes in Photoshop
Différences entre modes RVB et CMJN et contraintes de reproduction.
Les palettes et exemples de ce site sont des propositions éditoriales. Les conversions et contrastes sont calculés à partir des codes indiqués. Voir la méthode et signaler une correction.
Comment vérifier une conversion ?#
Pour les gris, l’angle de teinte est sans effet visuel. HSL est arrondi à deux décimales pour l’affichage : une conversion depuis ces valeurs arrondies peut légèrement différer. Conservez le HEX d’origine pour une reproduction numérique exacte.
Avec hsl(0 100% 5%), le canal rouge vaut 10 % du maximum, soit 25,5 sur 255. Arrondi à l’octet le plus proche, cela donne 26, donc
#1A0000. Reconvertir cet octet en HSL donne une luminosité légèrement supérieure à 5 %, car la valeur intermédiaire a été arrondie.