Sélecteur de couleur
Choisir des couleurs et obtenir les codes HEX, RGB, HSL
Fonctionne dans votre navigateur
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Couleurs rapides
Qu'est-ce qu'un sélecteur de couleur ?
Un sélecteur de couleur en ligne permet de choisir des couleurs et d'obtenir des codes dans plusieurs formats (HEX, RGB, HSL). Utile pour designers et développeurs.
Cas d'usage
- Choisir des couleurs pour un site ou une app
- Obtenir des codes HEX, RGB, HSL pour le CSS
- Trouver des couleurs pour une marque ou un projet
- Convertir entre formats de couleur
Quand l'utiliser ?
Utilisez-le pour choisir des couleurs, obtenir des codes ou convertir des formats. Très utile pour designers web, UI/UX et frontend.
Exemples
Un bleu de marque
Entrée
#1A6CF5
Sortie
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Une couleur d'accent chaude
Entrée
#F4A261
Sortie
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Questions et réponses
Quelle est la différence entre HEX, RGB et HSL ?
Ils décrivent la même couleur de différentes manières. HEX est la forme compacte utilisée en CSS, RGB indique les valeurs de rouge, de vert et de bleu de 0 à 255, et HSL utilise la teinte, la saturation et la luminosité, ce qui facilite la création de nuances plus claires ou plus foncées.
Comment copier un code couleur ?
Choisissez une couleur, puis utilisez le bouton de copie à côté de la valeur HEX, RGB ou HSL dont vous avez besoin.
Pourquoi la conversion depuis HSL peut-elle donner une couleur légèrement différente ?
Les valeurs HSL sont arrondies à des nombres entiers, donc leur reconversion en HEX peut présenter un écart d'un cran.