Aller au contenu principal
ImageColorPix

Générateur de palette d'image

Importez une photo pour extraire instantanément sa palette de couleurs dominantes, avec la part de chaque nuance affichée en dessous. Copiez en HEX, RGB, HSL ou variables CSS, téléchargez en TXT, SVG ou PNG.

Qu'est-ce qu'un générateur de palette d'image ?

De vraies couleurs de vraies photos

Un générateur de palette d'image trouve les couleurs qui dominent vraiment votre photo en comptant les pixels, sans deviner. Une photo de plage se charge par défaut avec sa palette déjà extraite, pour voir tout le parcours instantanément.

Importez votre image avec l'icône image, réglez la taille de 1 à 10, supprimez ou réorganisez les nuances, puis copiez ou téléchargez. Chaque nuance affiche son % de couverture et son nombre de pixels échantillonnés. Vous cherchez des harmonies théoriques ? Essayez le générateur de palettes aléatoires.

Utilisation

Pensé pour les photos, de bout en bout

01

Voyez la palette par défaut

Une photo se charge automatiquement avec sa palette dominante extraite au-dessus de l'aperçu.

02

Importez la vôtre

Cliquez sur l'icône image, glissez-déposez, collez ou chargez via URL. Tout reste dans votre navigateur.

03

Lisez la couverture, puis exportez

Chaque nuance affiche son % de couverture et son nombre de pixels. Élaguez, réorganisez, copiez dans votre format ou téléchargez en TXT, SVG ou PNG.

Questions fréquentes

1Comment obtenir les couleurs d'une image ?
Cliquez sur l'icône image et importez (JPG, PNG, GIF, WebP), glissez-déposez, collez depuis le presse-papiers ou chargez via URL. La palette s'extrait automatiquement au-dessus de l'aperçu. Cliquez sur une nuance pour copier son HEX.
2Combien de couleurs puis-je extraire ? Quel est le nombre idéal ?
De 1 à 10 avec les contrôles -/+ (8 au départ pour les photos). Utilisez 2 à 3 pour des logos minimalistes, 4 à 6 pour pages web et visuels sociaux, 8 à 10 pour l'illustration et les mood boards. Moins de couleurs donne un système plus clair. Les photos contiennent souvent beaucoup de bruns ou bleus presque identiques.
3Puis-je modifier, supprimer ou réorganiser la palette ?
Oui. Survolez une nuance pour copier, x pour supprimer, glissez pour réorganiser (l'ordre passe dans l'export CSS). Pour le design, choisissez un foncé pour le texte, un clair pour les fonds, une ou deux couleurs de marque et un accent.
4Que dois-je transmettre à un développeur à partir d'une palette photo ?
Réglez Copier comme sur le format de votre projet : HEX pour les feuilles de style, RGB pour le code applicatif, HSL pour le thème, variables CSS pour les tokens. La fenêtre de téléchargement exporte la même palette photo en CSS (enregistré comme palette.txt), JSON, bande SVG ou PNG légendé.
5Mes photos quittent-elles mon appareil ? Combien ça coûte ?
Jamais. Vos photos sont lues pixel par pixel dans cet onglet et ne sont envoyées nulle part, vos visuels clients restent confidentiels. Et c'est gratuit : gratuit pour toujours, sans compte, autant de photos que vous voulez.
6Que signifient le % et le nombre de pixels ?
Chaque nuance montre sa part des pixels échantillonnés (jusqu'à environ 12k échantillonnés, pixels transparents ignorés) ainsi que le nombre brut de pixels. Les nuances presque identiques fusionnent dans la nuance restante, son % les inclut donc. Servez-vous en pour juger la dominance réelle : une nuance à 40 % définit la photo, une nuance à 2 % est un accent.