Selecteur de couleur pour design, UI, logo et contenu
Choisissez une couleur, copiez ses valeurs, vérifiez le contraste, créez une palette et samplez une image. Tout fonctionne localement dans le navigateur.
Méthodologie
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 adaptés aux sites et interfaces.
- CMYK est une approximation pour discussion imprimer, pas une preuve imprimeur.
- Le contraste aide à choisir texte et fond plus lisibles.
Sources & vérification
Dernière vérification 2026. Les calculs sont des conversions techniques et des aides de design. Testez toujours les couleurs sur les vrais écrans ou fichiers imprimer.
Préparation de plusieurs palettes
Pour un design system, créez une queue de couleurs: primaire, secondaire, accent, fond, texte et alerte. Exportez le CSS puis vérifiez contraste et usage dans vos composants.
Confidentialité et avertissement
Les images chargees, palettes, exports CSS et PNG restent local-only dans ce navigateur. Les couleurs imprimees peuvent changer selon papier, écran, profil ICC et imprimeur.
Pourquoi le CMYK est-il approximatif ?
RGB et CMYK ne couvrent pas le même 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.