Color Picker & Converter
Pick a color and convert between HEX, RGB, and HSL formats instantly.
À propos de cet outil
Un sélecteur de couleur permet de choisir une couleur visuellement et de lire son code dans tous les formats utiles : HEX pour le CSS et les outils de design, RGB pour le canvas et l'édition d'images, et HSL quand vous voulez ajuster la luminosité ou la saturation sans changer la teinte.
Les trois formats décrivent la même couleur autrement. HEX et RGB sont la même information écrite différemment — #2563EB vaut exactement rgb(37, 99, 235). HSL est le format utile pour construire une palette : en gardant la teinte fixe et en variant la luminosité, vous obtenez une série cohérente de nuances claires et foncées.
Tout s'exécute localement dans votre navigateur, et chaque valeur se copie en un clic directement dans votre feuille de style ou votre fichier de design.
Comment choisir et convertir une couleur
- 1Utilisez le champ de couleur pour choisir visuellement, ou collez un code HEX existant pour partir d'une couleur connue.
- 2Lisez les valeurs HEX, RGB et HSL, qui se mettent à jour ensemble quand vous déplacez le sélecteur.
- 3Cliquez sur une valeur pour la copier dans le presse-papiers, avec la syntaxe exacte attendue par CSS.
- 4Ajustez la luminosité en HSL pour créer des variantes plus claires et plus foncées de la même teinte et composer une palette.
Ce que fait cet outil
HEX, RGB et HSL ensemble
Les trois formats sont affichés simultanément : aucune seconde conversion ni recherche de formule nécessaire.
Copie en un clic
Chaque valeur se copie en syntaxe CSS valide — #2563eb, rgb(37, 99, 235), hsl(221, 83%, 53%) — prête à coller.
Sélection visuelle
Choisissez une couleur à l'œil avec le champ natif, ou saisissez une valeur exacte pour respecter une couleur de marque.
Sans compte, sans envoi
S'exécute entièrement dans votre navigateur. Rien n'est stocké, et l'outil fonctionne hors ligne une fois la page chargée.
Questions fréquentes
Comment convertir HEX en RGB ?
Un code HEX est composé de trois paires de chiffres hexadécimaux pour le rouge, le vert et le bleu. #2563EB se découpe en 25, 63 et EB, soit 37, 99 et 235 en décimal — donc rgb(37, 99, 235). Cet outil effectue la conversion pendant que vous choisissez.
Quelle différence entre RGB et HSL ?
RGB décrit la quantité de lumière rouge, verte et bleue à mélanger. HSL décrit la teinte (quelle couleur sur la roue), la saturation (son intensité) et la luminosité. HSL est plus intuitif : pour obtenir une version plus foncée de la même couleur, il suffit de baisser la luminosité.
Quel format utiliser en CSS ?
Les trois sont valides dans tous les navigateurs modernes. HEX est le plus répandu dans le code et les livraisons de design. RGB est pratique quand il faut de la transparence via rgba(). HSL est le meilleur choix pour générer des échelles de couleurs systématiques.
Que signifie un code HEX à 8 caractères ?
Un HEX à 8 caractères ajoute deux caractères de transparence alpha à la fin — #2563EBFF est totalement opaque, #2563EB80 environ 50% transparent. C'est pris en charge par tous les navigateurs modernes.
Mes données de couleur sont-elles envoyées quelque part ?
Non. La conversion de couleur est une simple arithmétique effectuée dans votre navigateur. Rien n'est transmis ni stocké.