Sélecteur et Convertisseur de Couleur
Choisissez une couleur avec le sélecteur, faites glisser la barre de teinte ou saisissez votre valeur HEX/RGB/HSL, et obtenez instantanément sa représentation dans tous les formats, avec aperçu en direct.
Choisissez une couleur
Couleur sélectionnée
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)cmyk(76%, 47%, 0%, 4%)Recherches populaires
Comment utiliser : Sélecteur couleur
- 1Choisissez une couleur avec le sélecteur ou saisissez son code HEX.
- 2Consultez ses valeurs HEX, RGB et HSL.
- 3Copiez le format voulu ou sa couleur complémentaire.
À quoi ça sert ?
- Reporter les couleurs d'une maquette dans le CSS.
- Convertir entre HEX, RGB et HSL.
- Trouver la complémentaire d'une couleur de marque.
Formats de couleur : HEX, RGB et HSL
Trois écritures
HEX (#1d4ed8) est la plus compacte en CSS ; RGB exprime le mélange de rouge, vert et bleu de 0 à 255 ; HSL décrit teinte (0–360°), saturation et luminosité, et s'ajuste plus intuitivement.
Pourquoi HSL
Pour une variante plus claire ou plus sombre, il suffit de changer la luminosité sans toucher à la teinte, ce qui est difficile en HEX. C'est la base de nombreux systèmes de design.
Transparence
Avec un canal alpha (rgba ou HEX à 8 chiffres) la couleur gagne en opacité. Le contraste réel dépend du fond.
Outils associés
Questions fréquentes
Quel format dois-je utiliser en CSS ?+
HEX et RGB sont les plus utilisés. HSL est plus facile à lire et ajuster. CMJN est spécifique à l'impression.