Obtenir les couleurs dominantes d’une image

Pour accorder une page à une photographie, ou retrouver les couleurs d’une marque à partir d’un logo quand personne ne remet la main sur la charte graphique.

Chargement de l’outil…

Comment ça marche

  1. Déposez une ou plusieurs images.
  2. Choisissez le nombre de couleurs voulu.
  3. Copiez le résultat en variables CSS (pour les pages web) ou en JSON.

Pourquoi rien n’est envoyé

Toutes les opérations de cette page sont effectuées par du code qui tourne dans l’onglet de votre navigateur, avec le moteur qui affiche les pages web. Le fichier est lu depuis le disque vers la mémoire de l’onglet, transformé sur place, puis réécrit sous forme de téléchargement. Il n’est jamais envoyé où que ce soit — ni à nous, ni à un tiers.

Vérifiez-le vous-même

  1. Ouvrez les outils de développement de votre navigateur (F12) et choisissez l’onglet « Réseau ».
  2. Chargez votre fichier et lancez l’outil.
  3. Les seules requêtes que vous verrez téléchargent le code de l’outil lui-même — et, pour quelques outils lourds, leur moteur open source depuis un CDN public — plus un petit signal de visite vers loreatec.jp (adresse et titre de la page, rien de plus). Aucune ne transporte votre fichier.

La preuve que tout reste chez vous →

Questions fréquentes

Comment les couleurs sont-elles choisies ?

Les couleurs proches sont regroupées, et les groupes sont classés selon la part de l’image qu’ils couvrent : la première couleur est donc celle que vous appelleriez le fond. Le résultat est toujours le même pour une même image, ce qui compte quand vous arrêtez les couleurs d’une marque.

Pourquoi la palette est-elle un peu terne ?

Parce que chaque pastille est la moyenne de son groupe. Une photo montrant un logo rouge vif sur un grand mur gris est majoritairement grise, et le classement le dit. Demandez plus de couleurs pour faire ressortir les petites touches.

Puis-je obtenir la couleur exacte d’un logo ?

Pour un graphisme à aplats, oui — les zones sont uniformes, la moyenne est donc la vraie valeur. Pour la photographie d’un logo imprimé, non : l’éclairage décale chaque pixel, et le résultat n’est qu’une approximation proche.

La transparence est-elle prise en compte ?

Les pixels transparents sont ignorés au lieu d’être comptés comme blancs : un logo PNG sans fond donne donc les couleurs du logo, et non une palette dominée par le blanc.