Ce sélecteur de couleur part d'un échantillon visuel et garde les valeurs précises à portée de main. Vous pouvez coller une valeur hex CSS comme #3366cc, ajuster les canaux rouge, vert, bleu et alpha, ou affiner la teinte, la saturation et la luminosité pour un travail de design system. Aucune valeur de couleur n'est envoyée - les conversions se font localement en JavaScript.
Sélecteur de Couleur Gratuit
Fonctionne entièrement dans votre navigateur : aucun envoi, aucune inscription.
Sélectionnée#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Qu'est-ce qu'un sélecteur de couleur ?
Un sélecteur de couleur est un outil qui sert à choisir une couleur numérique exacte et à copier ses valeurs pour le design ou le code. Utilisez l'échantillon, le champ HEX, les réglages RGB ou les contrôles HSL, puis copiez instantanément les valeurs HEX, RGB, HSL, HSV ou CMYK. Tout fonctionne dans le navigateur.
Comment l’utiliser
- 1Choisissez ou collez une couleur. Cliquez sur le grand échantillon pour ouvrir le sélecteur de couleur du navigateur, ou collez une valeur hex à 3, 4, 6 ou 8 chiffres dans le champ HEX.
- 2Ajustez les canaux. Utilisez les réglages RGB pour le rouge, le vert, le bleu et l'alpha, ou modifiez la teinte, la saturation et la luminosité pour un contrôle plus adapté au design.
- 3Copiez le format voulu. Copiez HEX, HEX8, RGB, HSL, HSV ou CMYK en un clic. L'aperçu et toutes les sorties se mettent à jour en direct.
Pour qui
- Développeurs front-end qui copient des valeurs HEX, RGB et HSL prêtes pour CSS pendant la création d'interfaces.
- Designers qui ajustent une couleur de marque par canal au lieu de tâtonner dans une application graphique.
- Équipes marketing qui harmonisent les couleurs de campagne entre éditeurs d'email, documents et visuels sociaux.
- Étudiants et créateurs qui apprennent comment RGB, HSL, HSV et CMYK décrivent la même couleur.
Questions fréquentes
Ce sélecteur de couleur est-il gratuit ?
Oui. Le sélecteur de couleur est gratuit, sans inscription et sans limite d'utilisation. Ouvrez la page, choisissez une couleur et copiez le format dont vous avez besoin.
Mes couleurs sont-elles envoyées quelque part ?
Non. Le sélecteur et les conversions s'exécutent dans votre navigateur avec du JavaScript classique. Les couleurs sélectionnées ne sont pas envoyées à un serveur.
Quels formats de couleur puis-je copier ?
Vous pouvez copier HEX, HEX à 8 chiffres avec alpha, RGB ou RGBA, HSL ou HSLA, HSV et CMYK. L'outil les garde synchronisés pendant la modification.
Puis-je coller une couleur hex ?
Oui. Collez des valeurs hex CSS à 3, 4, 6 ou 8 chiffres, avec ou sans le symbole #. Les valeurs abrégées sont développées selon les règles CSS normales.
Qu'est-ce que HEX8 ?
HEX8 est une couleur hex à 8 chiffres dont la dernière paire stocke l'alpha. Par exemple, #3366cc80 correspond au même bleu avec environ 50% d'opacité.
Faut-il utiliser RGB ou HSL en CSS ?
Utilisez RGB lorsque vous avez besoin de valeurs exactes par canal ou d'alpha avec rgba(). Utilisez HSL pour créer des teintes claires, des ombres ou des états d'interface liés en modifiant la saturation et la luminosité.