Outils de couleur

Sélecteur de couleur

Convertissez vos codes hexadécimaux à trois ou six caractères vers les formats HEX, RGB et HSL avec une estimation de luminosité.

Exécuter l’outil

Cet outil convertit une valeur de couleur hexadécimale saisie sous forme de code à trois ou six caractères, avec ou sans dièse initial. Lors de la saisie, les espaces inutiles autour du texte sont automatiquement retirés et les notations courtes à trois caractères sont développées en six caractères complets. L'interface propose d'exporter les données selon le format de votre choix : la vue globale regroupe les codes HEX en minuscules, les canaux entiers RGB et les composantes entières HSL (teinte, saturation, luminosité). Vous pouvez aussi restreindre l'affichage à un seul format cible si nécessaire. Chaque résultat présente également une estimation de luminosité relative calculée sur une échelle de 0 à 255 : selon la formule pondérée des trois canaux de couleur. Les formats avec canal alpha, les fonctions de type rgb() et les chaînes non hexadécimales ne sont pas acceptés, garantissant une conversion directe et propre pour vos projets graphiques ou vos feuilles de styles CSS.

Mode d’emploi

  1. Saisissez un code hexadécimal à trois ou six caractères, précédé ou non d'un dièse.
  2. Sélectionnez le format de sortie souhaité dans la liste (tous les formats, HEX, RGB ou HSL).
  3. Consultez les composantes de couleur calculées et la valeur de luminosité affichées dans le panneau de résultat.

Exemples

  • Pour le code hexadécimal '#3498db' en sélectionnant tous les formats, le résultat affiche '#3498db', les canaux RGB (52, 152, 219), les valeurs HSL (204°, 70 %, 53 %) et une luminosité de 129,745.
  • Pour la notation abrégée 'fff' avec le format RGB, l'outil développe le code en '#ffffff' et renvoie les valeurs RGB (255, 255, 255) avec une luminosité de 255,000.

FAQ

Le préfixe '#' est-il obligatoire dans la saisie ?

Non, le préfixe dièse est facultatif. Vous pouvez entrer une chaîne de trois ou six caractères hexadécimaux avec ou sans dièse.

Le sélecteur accepte-t-il les canaux de transparence ou alpha ?

Non, les codes hexadécimaux avec canal alpha (comme les formats à 4 ou 8 chiffres) et les syntaxes fonctionnelles ne sont pas pris en charge.

Comment est calculée la luminosité affichée ?

Elle est calculée selon la formule pondérée standard 0,299 × rouge + 0,587 × vert + 0,114 × bleu sur une échelle de 0 à 255, avec un arrondi à trois décimales.

Intégrer cet outil

Ajoutez cet outil SmartPlusLab fonctionnel à votre site avec le code ci-dessous.