Image
Choisissez une couleur dans une image à la souris, au toucher ou au clavier, copiez ses codes HEX, RGB et HSL et obtenez la palette dominante.
Cet outil relève la couleur d’un pixel dans une image que vous chargez : cliquez ou touchez l’image, ou déplacez un viseur avec les flèches du clavier puis validez avec Entrée ou Espace. La couleur choisie s’affiche en HEX, RGB et HSL, avec un historique des 12 dernières couleurs, et une palette dominante de 6 couleurs est calculée par découpe médiane. Sur les navigateurs compatibles, une pipette d’écran relève aussi une couleur en dehors de la page. L’image reste dans votre navigateur.
Chargez l’image, puis cliquez ou touchez le pixel voulu : son code HEX, RGB et HSL s’affiche aussitôt et peut être copié. Les images de plus de 2 048 px sur leur plus grand côté sont réduites à l’affichage, et la couleur est lue sur cette copie.
Placez le focus sur l’image avec la touche Tab. Les flèches déplacent le viseur d’un pixel affiché à la fois, et avec Maj d’un pas dix fois plus grand. Entrée ou Espace valide la couleur sous le viseur. Un pixel entièrement transparent n’a pas de couleur à relever.
L’image est réduite à environ 128 px, puis les couleurs sont regroupées par découpe médiane en 6 groupes. Chaque couleur de la palette est la moyenne d’un groupe et indique la part de l’image qu’il représente. Les pixels entièrement transparents sont ignorés.
Elle utilise l’API EyeDropper du navigateur pour relever une couleur n’importe où sur l’écran, y compris hors de la page. Elle n’est disponible que sur certains navigateurs, comme Chrome et Edge ; le bouton n’apparaît pas ailleurs.
Non. L’image est lue et dessinée localement dans votre navigateur, rien n’est transmis ni conservé. Les images de plus de 50 mégapixels sont refusées pour éviter de bloquer l’onglet.
Comment extraire les couleurs d’une image : pixel exact, palette dominante par découpe médiane, limites du JPEG et de l’éclairage, puis contrôle du contraste.
JPEG, PNG ou WebP, redimensionner avant de compresser, régler la qualité, impact sur le LCP : comment alléger vos images pour le web sans rien envoyer en ligne.
Compressez, redimensionnez et convertissez vos images JPEG, PNG, WebP.
Créez harmonies et nuances 50 à 950, exportables en CSS ou Tailwind.
Générez des QR codes. Sans paywall, sans pub, sans suivi.
Vérifiez le contraste WCAG AA et AAA entre deux couleurs.