Comment utiliser cet outil
- Choisissez une couleur avec le sélecteur ou modifiez un champ HEX, RGB ou HSL.
- Vérifiez l’aperçu. Les trois représentations se mettent à jour lorsque votre saisie est valide.
- Copiez le format souhaité ou réinitialisez l’outil à la couleur de départ #3366FF.
Comment ça fonctionne
Choisissez une couleur ou saisissez sa valeur HEX, RGB ou HSL. L’outil présente la même couleur opaque sRGB dans les trois formats, prête à copier dans votre création ou votre CSS.
HEX représente les canaux rouge, vert et bleu en notation hexadécimale. RGB utilise des valeurs de 0 à 255 par canal. HSL décrit une teinte de 0° à 360°, une saturation de 0 % à 100 % et une luminosité de 0 % à 100 %. L’outil convertit ces représentations localement, dans l’espace colorimétrique sRGB.
| Format | Notation | Exemple |
|---|---|---|
| HEX | #RRGGBB | #3366FF |
| RGB | rgb(r, g, b) | rgb(51, 102, 255) |
| HSL | hsl(h, s%, l%) | hsl(225, 100%, 60%) |
Les limites à connaître
Cet outil prend en charge les couleurs opaques sRGB. Il ne gère ni la transparence, ni les espaces à gamut étendu, ni le prélèvement dans une image. Les canaux RGB sont arrondis à l’entier et les valeurs HSL à deux décimales ; des conversions répétées peuvent introduire de petits écarts d’arrondi. Les écrans, les profils d’affichage et les couleurs environnantes influencent le rendu perçu. L’aperçu ne constitue pas un test de contraste d’accessibilité.
Questions fréquentes
Quelle est la différence entre HEX, RGB et HSL ?
Ces formats décrivent les couleurs de façons différentes. HEX encode les canaux rouge, vert et bleu en hexadécimal ; RGB les exprime par des nombres ; HSL utilise la teinte, la saturation et la luminosité. L’outil convertit la même couleur sRGB entre ces trois formats.
Comment convertir une couleur HEX en RGB ?
Saisissez une valeur HEX à trois ou six chiffres, comme #36F ou #3366FF. Le champ RGB se met à jour automatiquement. Pour #3366FF, le résultat est rgb(51, 102, 255).
Puis-je utiliser la valeur copiée en CSS ?
Oui. Les boutons de copie fournissent un code HEX à six chiffres, une valeur rgb() ou une valeur hsl(), utilisables dans des propriétés CSS comme color et background-color.
Pourquoi une couleur paraît-elle différente sur un autre écran ?
L’étalonnage, la luminosité, les profils d’affichage et les couleurs environnantes modifient la perception. Des valeurs sRGB identiques ne garantissent pas un rendu identique sur chaque appareil. Les arrondis des conversions peuvent aussi créer de petits écarts.