Sélecteur de couleur HEX
Convertissez facilement un code couleur hexadécimal en notations RGB et HSL avec analyse de luminosité pour vos créations graphiques et web.
Exécuter l’outil
Cet outil en ligne convertit un code couleur hexadécimal en plusieurs représentations pratiques pour vos projets graphiques et vos feuilles de style CSS. Si vous laissez le champ vide, l'utilitaire applique la teinte par défaut #ff5733. Vous pouvez saisir une valeur de trois ou six caractères, précédée ou non du symbole dièse. Une notation courte à trois caractères se développe automatiquement en doublant chaque symbole afin de constituer un code standard. Le panneau affiche le code hexadécimal en minuscules et en majuscules, les valeurs textuelles et numériques RGB, ainsi que la notation HSL avec des entiers arrondis. Une évaluation de la luminosité détermine également si la couleur correspond à un ton clair ou sombre, en fonction d'un calcul pondéré des composantes de couleur. En cas de saisie invalide, l'interface signale l'erreur sans interrompre votre session de travail, facilitant ainsi vos ajustements chromatiques quotidiens.
Mode d’emploi
- Saisissez un code hexadécimal à 3 ou 6 caractères dans le champ prévu, avec ou sans le préfixe #.
- Laissez le champ vide si vous souhaitez utiliser la teinte par défaut #ff5733.
- Cliquez sur le bouton pour lancer la conversion.
- Consultez les notations RGB, HSL et l'évaluation de luminosité affichées dans l'espace de résultat.
Exemples
- Entrée : #03a9f4 -> Conversion en RGB (3, 169, 244) et HSL (198, 98 %, 48 %) avec rendu hexadécimal majuscule #03A9F4.
- Entrée : c00 -> Extension automatique en #cc0000, conversion en RGB (204, 0, 0) et HSL (0, 100 %, 40 %).
- Entrée non renseignée -> Application automatique de la couleur par défaut #ff5733.
FAQ
Le préfixe dièse (#) est-il obligatoire lors de la saisie ?
Non, vous pouvez saisir votre code avec ou sans le symbole #. Le système prend en charge la normalisation automatiquement.
Comment fonctionne la conversion pour les codes à trois caractères ?
Un code court comme #abc est automatiquement converti en format complet #aabbcc en doublant chaque symbole hexadécimal.
Comment la luminosité d'une couleur est-elle calculée ?
Une formule pondérée évalue la clarté globale à partir des canaux RGB. Si la valeur obtenue dépasse 128, la couleur est classée comme claire.
Que se passe-t-il si le texte saisi ne correspond pas à un code hexadécimal ?
Si la saisie contient des caractères invalides ou un format inattendu, un message explicatif vous indique que la valeur n'a pas pu être traitée. Par exemple, une entrée comme 'xyz' déclenche un avertissement : 'Format hexadécimal non reconnu'. Vérifiez que votre code ne contient que des chiffres et des lettres de A à F.