Sélecteur et Convertisseur de Couleur
Choisissez n'importe quelle couleur visuellement et convertissez-la instantanément entre HEX, RGB, HSL, HSV et CMYK. Vérifiez les ratios de contraste WCAG pour l'accessibilité et extrayez des couleurs directement depuis des images téléchargées.
Sélecteur de Couleur
Opacité
#3B82F5
Formats de Couleur
Vérificateur de Contraste
Ratio de contraste
21.00:1
Sélectionner depuis une Image
Comment utiliser cet outil
- Faites glisser le cercle sur le canevas de couleur pour choisir la teinte, la saturation et la luminosité, ou déplacez le curseur de teinte en dessous.
- Modifiez n'importe quel champ de format — HEX, RGB, HSL, HSV ou CMYK — et tous les autres champs se mettront à jour immédiatement.
- Cliquez sur l'icône de copie à côté de n'importe quel format pour copier cette valeur dans le presse-papiers.
- Utilisez la section Vérificateur de contraste pour coller deux couleurs et voir la note de réussite/échec WCAG AA et AAA pour un texte accessible.
- Téléchargez une image dans la section 'Sélectionner depuis une image', puis cliquez sur n'importe quel pixel pour extraire sa couleur dans tous les champs de format.
Pourquoi utiliser notre Sélecteur et Convertisseur de Couleur ?
Que vous construisiez un système de design, vérifiez la conformité d'accessibilité ou faites correspondre des couleurs de marque dans le code, vous avez besoin d'un outil de couleur rapide et précis. Ce convertisseur fonctionne entièrement dans votre navigateur — aucune image ou donnée de couleur n'est jamais envoyée à un serveur.
Questions fréquemment posées
Quelle est la différence entre HEX, RGB et HSL ?
HEX (#3b82f6) est la notation compacte utilisée en CSS et HTML — trois paires de chiffres hexadécimaux encodant les canaux rouge, vert et bleu. RGB (rgb(59, 130, 246)) rend ces canaux explicites sous forme de nombres décimaux de 0 à 255. HSL (hsl(217, 91%, 60%)) décrit la même couleur comme Teinte (0–360°), Saturation (%) et Luminosité (%) — un modèle plus intuitif pour ajuster la luminosité ou créer des harmonies de couleurs.
Qu'est-ce que le CMYK et quand l'utiliser ?
CMYK signifie Cyan, Magenta, Jaune et Noir (Key). C'est un modèle de couleur soustractif utilisé en impression physique. Utilisez les valeurs CMYK lors de la préparation d'œuvres pour une imprimerie professionnelle. Notez que la conversion RGB vers CMYK présentée ici est une approximation mathématique — la production d'impression professionnelle nécessite un profil de couleur ICC spécifique à l'imprimante et au papier cibles.
Que signifient WCAG AA et AAA pour le contraste ?
Les WCAG (Règles pour l'accessibilité des contenus Web) définissent des seuils de ratio de contraste pour un texte lisible. AA exige un ratio de contraste d'au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. AAA est le niveau le plus strict, exigeant 7:1 pour le texte normal et 4,5:1 pour le grand texte. Réussir AA est l'exigence légale dans de nombreuses juridictions.
Quelle est la différence entre HSL et HSV ?
HSL et HSV décrivent tous deux la couleur en termes de Teinte et Saturation, mais définissent le troisième axe différemment. HSL utilise la Luminosité — à 100% de luminosité la couleur est toujours blanche quelle que soit la teinte. HSV utilise la Valeur/Luminance — à 100% de valeur la couleur est complètement saturée et lumineuse, pas blanche. HSV correspond plus naturellement à la façon dont les peintres pensent au mélange des couleurs.
Pourquoi les valeurs CMYK sont-elles approximatives ?
Les couleurs d'écran sont définies dans l'espace colorimétrique sRGB, tandis que le CMYK dépend du dispositif — les mêmes valeurs CMYK produisent des couleurs imprimées différentes sur différentes imprimantes, encres et types de papier. La conversion présentée ici utilise la formule mathématique standard, qui fournit un bon point de départ mais ne correspondra pas exactement à ce que produirait un RIP professionnel avec un profil ICC calibré.
Outils associés
Convertisseur YAML en JSON
Convertissez entre YAML et JSON instantanément. Détection automatique du sens — dans votre navigateur.
Markdown en HTML
Convertissez du Markdown en HTML instantanément. Prend en charge les tableaux GFM, les listes de tâches et les blocs de code.
Analyseur de balises meta SEO
Analysez les title tags, meta descriptions, balises Open Graph, Twitter Cards et aperçus sociaux de n'importe quelle URL publique.
Aperçu de Snippet SERP
Prévisualisez le rendu de votre title tag et meta description dans Google, avec des limites de largeur en pixels en direct.
Outils consultés récemment
JWT Decoder
DeveloperDecode and inspect JWT tokens. Verify HS256 signatures and check token expiry — all in your browser.
Cron Expression Builder
DeveloperBuild, test, and understand cron expressions with a visual builder and next run times.
CSS Gradient Generator
DeveloperCreate linear, radial and conic CSS gradients with a live visual editor. Copy the CSS code instantly.