Outil gratuit du studio
Une palette de couleurs à partir d'une image
Déposez une photo d'inspiration ou votre logo : ses couleurs dominantes deviennent une palette de marque, avec une dominante, un accent, un fond et un texte lisible. Gratuit, sans compte, et l'image ne quitte jamais votre ordinateur.
Déposez une image ci-dessus : ses couleurs deviendront des pistes de palette.
Quelles images donnent les meilleures palettes ?
L'outil extrait fidèlement ce que vous lui donnez : la qualité de la palette dépend surtout de l'image de départ. Quatre critères font la différence.
- Trois à cinq couleurs franches
- Une photo où quelques teintes dominent nettement donne une palette lisible. Une image très bariolée produit une moyenne grisâtre.
- Une lumière naturelle
- Une photo trop sombre ou surexposée fausse toutes les teintes. La lumière du jour, sans filtre, rend les couleurs telles qu'elles sont.
- Recadrée sur l'essentiel
- Si seul un coin de l'image vous plaît, recadrez-la avant de la déposer : le ciel ou le mur blanc autour pèsent dans le calcul.
- Une ambiance, pas un concurrent
- Partez d'une matière, d'un lieu, d'un tableau, d'un paysage. Partir du site d'un concurrent, c'est se condamner à lui ressembler.
Partir de son logo existant
C'est le cas le plus fréquent : un logo existe déjà, mais rien autour. Pas de couleur de fond, pas d'accent pour les boutons, pas de règle pour le texte. Déposez le logo, idéalement en PNG sur fond transparent : les zones transparentes sont ignorées et seules ses couleurs comptent. La teinte la plus marquante devient la dominante, et l'outil construit le reste de la palette autour.
Si votre logo est entièrement noir, l'image n'a pas de couleur à donner : partez plutôt d'une couleur que vous aimez, ou de votre activité, sur le générateur de palette de couleurs. Et si vous doutez du logo lui-même, le test du logo vérifie sa résolution, son fond transparent et sa lisibilité en petit comme en noir et blanc.
Une image d'inspiration n'est pas encore une palette de marque
Une pipette vous donne les couleurs d'une photo. Une marque a besoin d'autre chose : savoir laquelle domine, laquelle reste rare, laquelle porte le texte. Une palette d'ambiance magnifique peut être inutilisable sur un site si aucune de ses teintes n'offre assez de contraste pour être lue.
C'est pour ça que l'outil ne s'arrête pas à l'extraction : il range les couleurs par rôles et corrige les contrastes. Pour voir à quoi ressemblent des palettes construites ainsi, secteur par secteur, lisez mes six exemples de palettes de couleurs de marque, puis l'exemple complet d'une charte graphique pour voir où mène une palette bien menée.
Une palette n'est pas une identité.
Ces couleurs sont un bon départ. Ce qu'elles ne contiennent pas : un logotype dessiné, des typographies accordées, des règles d'usage, une direction. C'est le métier de Fanny, et le premier rendez-vous est offert.
Questions fréquentes
Comment extraire les couleurs d'une image ?
Déposez l'image dans l'outil ci-dessus. Elle est réduite puis analysée dans votre navigateur : les pixels sont regroupés par proximité de couleur, telle que l'œil la perçoit, et les six teintes les plus présentes ressortent. L'outil les range ensuite par rôles pour en faire une palette utilisable, pas seulement une liste de codes.
Mon image est-elle envoyée sur un serveur ?
Non. L'analyse se fait entièrement dans votre navigateur et l'image n'est jamais téléversée. Vous pouvez y déposer une maquette confidentielle ou le logo d'un projet pas encore annoncé.
Quels formats d'image sont acceptés ?
Tous ceux que votre navigateur sait afficher : JPG, PNG, WebP, GIF, et en général SVG. Pour un logo, un PNG sur fond transparent est idéal : les zones transparentes sont ignorées, seules les couleurs du logo comptent.
Puis-je récupérer les codes HEX et RVB des couleurs ?
Oui. Chaque couleur affiche son code et la palette s'exporte gratuitement en HEX, RVB, variables CSS, thème Tailwind, fichier Adobe .ase ou image PNG, sans compte.
Pourquoi les couleurs proposées ne sont-elles pas exactement celles de ma photo ?
La première palette, « Fidèle à votre image », garde les teintes de la photo mais les ajuste quand le contraste est insuffisant : une couleur trop claire pour porter du texte est assombrie juste ce qu'il faut. Le fond devient un blanc légèrement teinté plutôt qu'un gris de photo. Les palettes suivantes s'éloignent volontairement de l'image pour vous proposer d'autres accords.