Qu’est-ce qu’un sélecteur de couleur d’image ?
Un sélecteur de couleur d’image lit les données de couleur d’une photo et les convertit en valeurs utilisées par les outils de design et de développement. Ajoutez ou collez une image JPG, PNG ou WebP, inspectez-la avec la loupe de pixels et cliquez pour verrouiller le pixel source exact. Le sélecteur indique les valeurs HEX, RGB, HSL, HSV et CMYK, y compris la transparence lorsque le pixel a un canal alpha.
L’image affichée peut être plus petite que ses dimensions d’origine, mais le pointeur est remappé sur le canvas en résolution naturelle. Ainsi la couleur rapportée vient du pixel source, pas d’un aperçu redimensionné. Des entrées X et Y exactes et le déplacement aux flèches du clavier sont disponibles lorsque vous avez besoin de coordonnées répétables.
Comment prélever des couleurs précises
- Ajoutez, glissez ou collez une image dans l’outil.
- Survolez l’image pour ouvrir la loupe à grille de pixels agrandie.
- Cliquez un pixel pour verrouiller sa couleur et ses coordonnées d’origine.
- Utilisez l’échantillonnage 1×1 pour un pixel exact ou les moyennes 3×3 et 5×5 pour une teinte locale représentative.
- Copiez le format de couleur adapté à votre design, CSS ou flux d’impression.
- Sélectionnez une couleur de la palette extraite automatiquement ou revenez à un choix récent.
Le mode pixel unique est le plus exact pour l’artwork plat, les logos et les captures d’interface. Les photographies et JPG compressés contiennent souvent de petites variations autour d’un bord. Dans ces cas, un échantillon moyenné peut mieux représenter ce que l’œil perçoit sans modifier l’image d’origine.
Formats de couleur et contraste
HEX et RGB décrivent les couleurs d’écran rouge, vert et bleu. HSL organise une couleur par teinte, saturation et luminosité, tandis que HSV utilise teinte, saturation et valeur. CMYK est fourni comme référence pratique pour les flux orientés impression, bien que l’impression professionnelle puisse varier selon le profil et l’appareil.
Le panneau de contraste compare la couleur choisie au blanc et au noir avec des ratios de contraste style WCAG. Il suggère la couleur de texte plus lisible, mais les décisions d’accessibilité complètes doivent aussi tenir compte de la taille, du graissage et de l’état de l’interface.
Échantillonnage privé dans le navigateur
Le canvas en résolution naturelle, les lectures de pixels, les conversions et l’extraction de palette s’exécutent dans votre navigateur. L’image n’est pas envoyée à un serveur. Cela convient aux captures privées, artworks clients et assets visuels non publiés. Le fichier source reste inchangé, et les couleurs récentes n’existent que tant que la page de l’outil est ouverte.