Selecteur de couleur pour design, UI, logo et contenu
Choisissez une couleur, copiez ses valeurs, verifiez le contraste, creez une palette et samplez une image. Tout fonctionne localement dans le navigateur.
Methodologie
Le selecteur transforme HEX en RGB, HSL et CMYK approximatif. Le contraste utilise la luminance relative WCAG. Le sampling d image lit un pixel depuis le canvas local du navigateur.
- HEX/RGB/HSL sont adaptes aux sites et interfaces.
- CMYK est une approximation pour discussion print, pas une preuve imprimeur.
- Le contraste aide a choisir texte et fond plus lisibles.
Sources & verification
Derniere verification 2026. Les calculs sont des conversions techniques et des aides de design. Testez toujours les couleurs sur les vrais ecrans ou fichiers print.
Batch workflow
Pour un design system, creez une queue de couleurs: primaire, secondaire, accent, fond, texte et alerte. Exportez le CSS puis verifiez contraste et usage dans vos composants.
Confidentialite et avertissement
Les images chargees, palettes, exports CSS et PNG restent local-only dans ce navigateur. Les couleurs imprimees peuvent changer selon papier, ecran, profil ICC et imprimeur.
Pourquoi le CMYK est-il approximatif ?
RGB et CMYK ne couvrent pas le meme espace couleur. Pour une impression commerciale, demandez le profil et les valeurs a l imprimeur.
Quel ratio de contraste viser ?
Pour du texte normal, WCAG AA utilise souvent 4.5:1 comme seuil minimum. Plus le ratio est eleve, plus la lecture est robuste.
Puis-je utiliser une couleur samplee depuis une image ?
Oui, mais samplez plusieurs pixels autour de la zone choisie si l image contient du bruit, des ombres ou de la compression.