Sélecteur de couleur
Choisissez une couleur sur un champ visuel et obtenez son code HEX, RGB et HSL.
- Instantané
- Gratuit
- Privé (traité localement)
- Sans inscription
Une couleur, tous ses codes
Sélectionnez visuellement une couleur, ajustez teinte et opacité, et récupérez les codes HEX, RGB et HSL prêts à coller dans votre CSS. Un clic sur une valeur la copie.
-
Réglez la teinte
Le curseur arc-en-ciel choisit la couleur de base.
-
Affinez sur le champ
Saturation à l’horizontale, luminosité à la verticale.
-
Copiez le code
HEX, RGB ou HSL, avec opacité si besoin.
Exemple : un orange vif
| Format | Valeur |
|---|---|
| HEX | #FF8800 |
| RGB | rgb(255, 136, 0) |
| HSL | hsl(32, 100%, 50%) |
Conversions sRGB standard, valeurs arrondies à l’entier. Tout est calculé dans votre navigateur.
Questions fréquentes
Comment fonctionne le champ de couleur ?
Le grand carré représente la saturation (de gauche à droite) et la luminosité (de bas en haut) pour la teinte choisie avec le curseur. Cliquez ou glissez pour sélectionner ; le curseur HEX/RGB/HSL se met à jour en direct.
Quelle est la différence entre HEX, RGB et HSL ?
HEX est un code hexadécimal compact (#FF8800). RGB décrit la couleur par ses composantes rouge, vert, bleu (rgb(255, 136, 0)). HSL la décrit par teinte, saturation, luminosité (hsl(32, 100%, 50%)) — plus intuitif pour ajuster une nuance.
À quoi sert l’opacité ?
Elle contrôle la transparence (canal alpha). Sous 100 %, les codes deviennent rgba()/hsla() et le HEX gagne deux caractères (par ex. #FF8800CC). Utile pour les superpositions et les ombres.
La couleur est-elle exacte pour le web ?
Oui : les valeurs sont calculées par les conversions standard sRGB et arrondies à l’entier. Copiez le format adapté à votre CSS. Tout est calculé localement, rien n’est envoyé.