Palette de couleurs d'une image

Déposez une image et obtenez ses couleurs principales en HEX, RGB, HSL et OKLCH, triées selon la part de l'image qu'elles couvrent – ou cliquez n'importe où pour prélever une couleur.

À propos de cet outil

Les couleurs de votre image, prêtes pour le code et le design

Couleurs de marque d'un logo, planche d'ambiance d'une photo ou teinte exacte d'un pixel – calculées dans votre navigateur.

Couleurs dominantes et leur part

De 3 à 16 couleurs, regroupées dans l'espace perceptuel OKLab pour que les nuances proches fusionnent comme l'œil les voit. Chacune indique la part de l'image qu'elle couvre, et une même image donne toujours la même palette.

Tous les formats, avec contraste

HEX, RGB, HSL et OKLCH avec un bouton de copie chacun, plus le rapport de contraste WCAG sur blanc et sur noir et s'il passe AA ou AAA pour le texte.

Export partout

Variables CSS, thème Tailwind, variables SCSS et JSON pour le code ; Adobe Swatch Exchange (.ase) pour Photoshop et Illustrator ; palette .gpl pour GIMP, Inkscape et Krita ; et une carte de palette PNG à partager.

Mode d'emploi

  1. Déposez une photo, une capture ou un logo (PNG, JPG, WebP, HEIC ou SVG), ou collez-le avec Ctrl + V.
  2. Choisissez le nombre de couleurs avec le curseur « Couleurs ». La palette se met à jour aussitôt.
  3. Cliquez n'importe où dans l'image pour ajouter cette couleur exacte sous « Couleurs prélevées ».
  4. Copiez des valeurs, ou choisissez un format d'export et copiez-le ou téléchargez-le – ou enregistrez la « Carte de palette (PNG) ».

Questions fréquemment posées

Mes images sont-elles envoyées sur un serveur ?

Non. Chaque image est lue, traitée et enregistrée dans votre onglet de navigateur grâce à Canvas, aux Web Workers et à WebAssembly. Rien n'est envoyé, stocké ni journalisé.

Comment les couleurs dominantes sont-elles trouvées ?

L'image est réduite à 256 px, ses pixels sont regroupés par couleur et un partitionnement k-means dans l'espace OKLab trouve le nombre de couleurs demandé. Les pixels transparents sont ignorés ; la part est la portion de l'image visible la plus proche de chaque couleur.

Que signifie le rapport de contraste ?

C'est le contraste WCAG 2 entre la couleur et un texte blanc ou noir. 4,5:1 passe AA pour un texte normal, 3:1 passe AA pour un grand texte (24 px, ou 19 px en gras) et 7:1 passe AAA.

Puis-je ouvrir la palette dans Photoshop ou GIMP ?

Oui. Le fichier .ase se charge dans le panneau Nuancier de Photoshop, Illustrator et InDesign ; le fichier .gpl dans GIMP, Inkscape et Krita.

Est-ce gratuit, et y a-t-il un filigrane ?

Oui, l'outil est gratuit et sans compte, et Toolula n'ajoute jamais de filigrane. L'offre gratuite a des limites d'usage raisonnable ; Toolula Pro, une offre optionnelle, les relève.