Aller au contenu principal
ImageColorPix

Analyseur de couleurs

Importez une image pour obtenir une analyse haut de gamme : couleurs dominantes avec couverture, couleur moyenne, luminosité, saturation, température, contraste, ambiance, harmonies et couleurs assorties prêtes pour le design. Pas seulement des nuances. Un système couleur complet à partir d'une photo.

tropical-beach.jpg

Couleurs dominantes

Couleur moyenne

#A7B2B8

Luminosité

72%

Saturation

31%

Température

Froid

Chaud / Froid / Neutre selon l'équilibre rouge-bleu

Contraste

Moyen

Plage de luminance entre les pixels

Ambiance de couleur

Calme / Doux / Froid

D'après saturation + température + luminosité

Harmonie de couleurs (depuis la primaire)

Couleurs les mieux assorties

cliquez pour copier

Qu'est-ce que l'analyse couleur d'image ?

Au-delà des couleurs dominantes

Les outils basiques s'arrêtent à 5 nuances. Cet analyseur mesure aussi l'image dans son ensemble : moyenne RGB, % de luminosité perçue, % de saturation, température chaud et froid selon l'équilibre rouge-bleu, contraste par plage de luminance et étiquette d'ambiance (Doux et Audacieux, Chaud et Froid, Aéré et Sombre et Calme).

À partir de la couleur dominante principale, il dérive des harmonies analogues, complémentaires et triadiques, ainsi que des rôles de production (Primaire, Secondaire, Accent, Foncé, Clair) pour repartir avec un système utilisable, pas seulement des nuances.

Utilisation

01

Importez

Cliquez sur l'icône image, glissez-déposez, collez ou chargez via URL. La photo de plage par défaut se charge instantanément.

02

Lisez le rapport

Bande dominante avec barre de couverture, pastille moyenne, jauges de luminosité et saturation, température, contraste et ambiance.

03

Livrez le système

Cliquez sur une nuance, une harmonie ou un rôle pour copier. Copiez le rapport ou téléchargez le TXT pour la transmission.

Exemples concrets

Extraction de marque depuis des logos

Importez un logo ou une capture : la dominante principale avec son % de couverture devient Primaire, les deux suivantes Secondaire et Accent, et la plus foncée et la plus claire deviennent des neutres Foncé et Clair pour un premier design system.

Ambiance photo pour campagnes

Une saturation sous 35 donne Doux, au-dessus de 65 Audacieux. Une luminosité au-dessus de 70 donne Aéré, sous 35 Sombre. Vérifiez le trio et la température avant le lancement pour confirmer que le visuel suit le brief.

Thème UI depuis une inspiration

Utilisez les rôles Foncé et Clair pour les surfaces et le texte, Accent pour les CTA, et les harmonies pour les états de survol, le tout depuis une photo.

Cohérence contenus et réseaux

Gardez des fils cohérents : assortissez les nouvelles couvertures aux teintes dominantes et utilisez les teintes de couleur moyenne en fonds temporaires.

Contrôle qualité photo

Une plage de luminance sous 0.25 donne un contraste Faible (délavé). Au-dessus de 0.5, Élevé. Les barres de couverture révèlent la dominance du fond, par exemple plus de 60 % de ciel dans les photos de plage.

Point de départ accessibilité

Associez les rôles Foncé et Clair, puis vérifiez que cette paire exacte atteint 4.5:1 dans le vérificateur de contraste avant de livrer.

Questions fréquentes

1En quoi est-ce différent du générateur de palettes ?
La palette donne des nuances. L'analyseur ajoute couleur moyenne, % de luminosité et saturation, température, plage de contraste, ambiance, harmonies et rôles de production (Primaire et Secondaire et Accent et Foncé et Clair) avec couverture.
2Comment les couleurs dominantes et le % sont-ils calculés ?
Même moteur partagé : environ 12k pixels échantillonnés, quantification 6 bits, tri par fréquence, fusion à distance 0.08. Les barres de couverture montrent la part relative du top 5.
3Que signifient luminosité, saturation, température ?
La luminosité est la luminance perçue moyenne. La saturation est l'intensité moyenne. La température compte les pixels chauds (rouge supérieur au bleu) contre froids. Le contraste est la plage de luminance (Faible et Moyen et Élevé).
4Qu'est-ce qu'un contraste élevé ou faible ici ?
Le contraste est la plage de luminance des pixels échantillonnés : sous 0.25 Faible, de 0.25 à 0.5 Moyen, au-dessus de 0.5 Élevé. Il décrit l'étendue tonale dans la photo, pas la lisibilité du texte WCAG. Associez les rôles Foncé et Clair et vérifiez cette paire séparément dans le vérificateur de contraste.
5En quoi la température diffère-t-elle de la balance des blancs en photo ?
C'est volontairement plus simple : chaque pixel échantillonné vote chaud quand le rouge dépasse nettement le bleu et froid quand le bleu dépasse le rouge, la majorité l'emporte (égalité donne Neutre). Cela indique la tendance globale de la photo, pas une valeur Kelvin, utilisez-le pour l'ambiance plutôt que pour la correction couleur.
6Puis-je analyser des logos ou captures, pas seulement des photos ?
Oui. Tout ce que vous pouvez importer, coller ou charger via URL fonctionne : logos, captures UI, affiches. Les visuels à aplats donnent des résultats plus nets que les photos car les grandes zones unies dominent le comptage, les couleurs de marque ressortent donc avec une couverture élevée.
7Mon image est-elle téléversée ?
Non. Gratuit, sans inscription, privé par conception.

Découvrez d'autres outils couleur

Générateur de Palette d'Image

Extrayez la palette de toute photo

Pipette Couleur d'Image

Prélevez tout pixel de toute image

Vérificateur de Contraste

Lisibilité du texte et notes WCAG

Générateur de Palettes

Harmonies aléatoires + mode image