Récupérer une couleur dans une image
Ajoutez une photo et cliquez à l'endroit dont vous voulez la couleur. Sans photo, vous pouvez aussi saisir un code.
Vos fichiers et vos textes ne sont pas envoyés en ligne. Tout se passe sur cette page.
Le texte blanc est plus lisible sur cette couleur.
WCAG pour le texte normal : AA à partir de 4,5, AAA à partir de 7.
À l'opposé sur le cercle chromatique. Le contraste le plus fort.
Touchez une couleur pour la copier. Touchez deux fois pour la choisir.
Si deux couleurs semblent identiques à droite, ne comptez pas sur la couleur seule pour les distinguer. C'est une approximation.
Source (vérifiée le 19 octobre 2026) : W3C WCAG 2.2 (1.4.3, 1.4.6)
Mode d'emploi
- Ajoutez une photo, ou saisissez directement un code HEX.
- Cliquez sur la photo (ou glissez le doigt dessus), ou touchez une couleur principale.
- Copiez le code, une couleur assortie ou l'échelle de nuances pour CSS.
Questions fréquentes
Dans quels formats copier la couleur ?
En HEX (comme #4c2fe7), RGB et HSL. L'échelle de nuances de 50 à 950 se copie aussi en variables CSS, couleurs Tailwind, variables SCSS ou JSON.
Comment les couleurs principales sont-elles choisies ?
Les couleurs proches sont regroupées et les groupes couvrant le plus de pixels sont listés avec leur part de l'image. Les très petits groupes sont écartés.
Que signifient les niveaux de contraste ?
Ils suivent les WCAG pour le texte normal : AA demande un rapport d'au moins 4,5 et AAA d'au moins 7. Pour un grand texte, 3 suffit pour AA et 4,5 pour AAA.
Ma photo est-elle envoyée pour relever ses couleurs ?
Non. La photo est lue sur cette page et reste sur votre appareil.
Autres outils
