Pipette et palette
Un coucher de soleil à reproduire, un tissu à assortir, un mur à repeindre : déposez la photo, cliquez sur la teinte qui vous intéresse et copiez son code. L'outil en tire aussi une palette de couleurs dominantes.
Par Jimenez Julien, éditeur de Cadrille · mis à jour le
Cet outil traite les images dans votre navigateur et demande JavaScript. Les explications ci-dessous restent valables pour préparer le travail à la main.
Couleurs prélevées
Palette dominante
Comment ça marche
L'image est dessinée dans un canvas à sa taille réelle. Quand vous cliquez, la position du clic est ramenée à un pixel de l'image d'origine et les quatre valeurs de ce pixel (rouge, vert, bleu, opacité) sont lues telles quelles : il n'y a aucune moyenne ni correction. Le code HEX est ces trois valeurs écrites en base 16 ; la teinte, la saturation et la luminosité du format HSL en sont déduites par le calcul classique, puis arrondies à l'entier.
Exemple : le pixel rouge 224, vert 122, bleu 95 s'écrit #E07A5F, rgb(224, 122, 95) et hsl(13, 68%, 63%).
La palette utilise la découpe médiane. Les pixels sont regroupés dans une boîte, que l'on coupe en deux selon le canal (rouge, vert ou bleu) qui varie le plus, à l'endroit où la valeur change le plus près du milieu. On recommence sur la boîte la plus peuplée et la plus étalée jusqu'à obtenir le nombre de couleurs demandé. Chaque couleur est la moyenne des pixels de sa boîte, et son pourcentage est la part des pixels qu'elle représente. Sur une grande image, un pixel sur plusieurs est lu pour garder un calcul rapide, et les pixels transparents sont ignorés.
Conseils
- Une palette sur une photo très contrastée met en avant les zones les plus étendues, pas forcément les plus frappantes : prélevez à la pipette les petites touches de couleur qui vous plaisent.
- Pour peindre, traitez les codes comme un point de départ à mélanger sur la palette : un écran n'affiche pas une peinture à l'identique.
- Un JPEG très compressé peut contenir des pixels légèrement différents de la couleur « pure » : prélevez au centre d'une zone unie.
Résultat indicatif : les couleurs et tailles dépendent de votre écran et de votre navigateur. Vos images ne quittent jamais votre appareil.
Questions fréquentes
La pipette donne-t-elle la couleur réelle de l'objet photographié ?
Elle donne la couleur du pixel dans le fichier, pas celle de l'objet. L'éclairage, l'appareil et le réglage de la balance des blancs ont déjà modifié la couleur. Comparez toujours avec l'objet réel avant de choisir une peinture ou un fil.
Pourquoi les pourcentages de la palette ne tombent-ils pas sur un total rond ?
Chaque pourcentage est arrondi au dixième. Leur somme peut s'écarter légèrement de 100, d'autant que les pixels transparents sont exclus du décompte.
Mon image est-elle envoyée quelque part ?
Non. Le fichier est lu par votre navigateur, dessiné dans un canvas local et jamais transmis. Fermer l'onglet efface tout.