Trouver la couleur
HTML d’une image

Prélever une couleur dans votre image

Importez une photo, une capture d’écran ou un logo, puis cliquez sur la zone qui vous intéresse. Sur téléphone, touchez directement l’image. La couleur sélectionnée apparaît avec ses codes : vous pouvez les copier pour les utiliser dans votre site ou votre logiciel graphique. Pour comparer plusieurs teintes, ajoutez-les à votre palette. Vous pouvez aussi choisir parmi les couleurs dominantes proposées automatiquement ; elles donnent un point de départ, sans remplacer votre choix visuel.

Quel code choisir : HEX, RGB ou HSL ?

Les trois formats décrivent la même couleur de façons différentes. HEX est une écriture compacte qui commence par un dièse, comme #FFD8BA. RGB indique les quantités de rouge, de vert et de bleu. HSL décrit la teinte, la saturation et la luminosité. Utilisez le format accepté par le champ de votre outil : un réglage de couleur de site demande souvent un code HEX. Copier un autre format ne change pas la couleur elle-même, mais votre logiciel doit savoir le lire.

Pourquoi la couleur peut-elle différer de votre original ?

Une photo comporte des ombres, des reflets et de petites variations. Deux points proches peuvent donc donner des codes différents. Les images compressées, notamment en JPG, peuvent aussi contenir plusieurs teintes autour d’une couleur qui semble uniforme. L’outil réduit les grandes images à 1 600 pixels et affiche les zones transparentes sur blanc : le résultat correspond à l’image ainsi préparée. Pour retrouver une couleur de marque exacte, privilégiez le fichier source ou le code de votre charte graphique.

L’image est traitée dans votre navigateur et n’est pas envoyée sur un serveur. Votre palette sert à préparer vos choix ; avant d’appliquer les teintes sur un site, vérifiez que les textes restent lisibles sur leurs fonds. Pour aller plus loin, découvrez la création d’un site avec votre identité graphique.