Prélever un code HEX sur une image pour le design web

Comment l'utiliser

Déposez une image sur la zone de téléchargement. L'image s'affiche dans un canevas interactif — survolez pour voir les coordonnées, cliquez n'importe où pour échantillonner. La couleur sélectionnée apparaît sous forme d'échantillon aux côtés de ses codes HEX, RGB et HSL. Cliquez sur n'importe quelle valeur pour la copier dans votre presse-papiers.

Chaque couleur que vous échantillonnez est stockée dans la bande Historique en dessous (jusqu'à 12 sélections récentes), pour que vous puissiez construire une palette à partir de plusieurs points d'échantillonnage à travers l'image sans perdre les sélections précédentes.

• Échantillonnage de couleur au pixel près sur clic
• Lecture simultanée HEX, RGB et HSL
• Copie en un clic pour chaque valeur
• Historique de palette des 12 dernières couleurs échantillonnées

Usages pratiques

Lors de la conversion d'une maquette Figma ou dessinée à la main en CSS, échantillonnez les teintes dominantes directement depuis la maquette plutôt que de les estimer à l'œil. Cela élimine la sensation de "presque juste" qui se glisse dans les valeurs de couleur saisies à la main.

Pour les photographes construisant des fils sociaux à colorimétrie coordonnée, échantillonnez cinq teintes à partir de votre photo la plus performante et réutilisez-les comme couleurs d'accent sur le texte, les bordures et les fonds des futurs posts pour construire une identité visuelle cohérente.