Comment la palette est calculée
L’image est réduite à environ 96 pixels de côté et ses couleurs sont regroupées par k-means : l’algorithme cherche les N couleurs qui représentent le mieux l’ensemble des pixels. Le regroupement se fait dans l’espace OKLab, qui mesure les écarts comme l’œil les perçoit ; en RGB, deux verts très différents peuvent sembler « proches » et deux gris presque identiques, éloignés. Le point de départ n’est pas aléatoire : la même image donne toujours la même palette.
Couleur moyenne et couleurs dominantes
Ce n’est pas la même chose. Les couleurs dominantes sont celles qui occupent le plus de surface ; la couleur moyenne est le mélange de toutes, comme si l’image était réduite à un seul pixel. La moyenne est souvent un ton éteint qui n’apparaît pas tel quel dans la photo, mais c’est le meilleur fond de chargement : elle ressemble à l’ensemble de l’image et ne choque pas à l’arrivée de la photo. C’est la couleur que le générateur ximg.es enregistre pour chaque photo de sa banque.
Idées d’utilisation
- Définir les couleurs d’un site à partir de sa photo principale ou de son logo.
- Choisir la couleur d’un texte ou d’un bouton assortie à l’image d’en-tête.
- Donner à chaque carte d’une liste un fond de la couleur de sa photo.
- Vérifier qu’une série de photos a une gamme cohérente.
Avant de poser du texte sur l’une de ces couleurs, vérifiez le contraste avec le vérificateur WCAG.