Générateur de palettes

Appuyez sur Espace pour générer des palettes aléatoires harmonieuses avec verrouillage, réorganisation et réglage H/S/L par nuance. Exportez en HEX, RGB, HSL, CSS, SVG ou PNG, ou passez en mode image pour extraire une palette de n'importe quelle photo.

Copier comme :

ou Espace

Verrouillez pour conserver · glissez pour réordonner · cliquez pour copier · Espace pour générer

Couleurs d'interface

Transforme la palette actuelle en jetons d'interface prêts pour les développeurs avec un contraste lisible.

Qu'est-ce qu'un générateur de palettes ?

Un moyen rapide de trouver des couleurs assorties

Un générateur de palettes crée un ensemble de 5 à 10 couleurs conçues pour aller bien ensemble. Au lieu de choisir les couleurs une par une en espérant qu'elles s'accordent, vous obtenez une harmonie prête en un clic, comme un conseiller couleur professionnel intégré à votre navigateur.

Notre outil propose deux approches éprouvées: Aléatoire crée des harmonies inédites à partir de la théorie des couleurs, tandis que le mode image extrait les couleurs qui dominent vraiment votre photo en comptant les pixels. Les deux sont gratuits et instantanés, sans inscription.

Utilisez la palette pour l'image de marque, les sites web, les publications sociales, les illustrations ou les diapositives, copiez en HEX, RGB, HSL ou variables CSS, ou téléchargez en TXT, SVG ou PNG.

Utilisation

Deux façons de créer : aléatoire et image

🎲 Mode aléatoire (par défaut)

01

Choisissez une harmonie

Choisissez Aléatoire, Analogue, Complémentaire, Triadique, Tétradique, Mono ou Nuances. Chacun utilise les règles de teinte de la théorie des couleurs.

02

Générez et verrouillez

Cliquez sur Générer ou appuyez sur Espace. Verrouillez les couleurs que vous aimez, les cases déverrouillées se régénèrent pendant que les verrouillées restent fixes.

03

Affinez et exportez

Glissez pour réorganiser, cliquez sur l'engrenage pour régler H/S/L, supprimez ou ajoutez jusqu'à 10. Copiez en HEX/RGB/HSL/CSS ou téléchargez CSS, JSON, SVG ou PNG. L'icône d'horloge conserve vos 10 dernières générations pour une restauration rapide.

🖼️ Mode image

01

Importez une image

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

02

Extraction auto de la palette

Nous échantillonnons environ 12k pixels, quantifions, trions par surface (dominance) et fusionnons les couleurs proches (distance 0.08).

03

Ajustez et utilisez

La palette apparaît au-dessus de l'aperçu photo. Élaguez les nuances, glissez pour réorganiser, copiez dans le format choisi ou exportez l'ensemble.

Guide des harmonies

Choisissez la règle adaptée à votre ambiance, nous nous occupons des calculs.

Aléatoire

Teintes vives et bien réparties (S 65-90, L 48-66). Idéal pour explorer et trouver l'inspiration.

Analogue

Teintes espacées de ±30°/60°. Calme et cohérent, idéal pour les arrière-plans, les dégradés et les thèmes nature.

Complémentaire

Teintes opposées à 180°. Paires à fort contraste, idéales pour les appels à l'action, les logos et les marques de sport et de food.

Triadique

Trois teintes espacées de 120°. Équilibré mais vif, prisé pour les illustrations, les tableaux de bord et les emballages.

Tétradique

Quatre teintes en rectangle (0/90/180/270). Riche et varié. Utilisez une couleur dominante et des accents.

Monochromatique / Nuances

Une seule teinte, clarté et saturation variées. Élégant et minimal, parfait pour SaaS, l'éditorial et les marques monochromes.

Cas d'usage concrets

Identité de marque

Générez un kit de marque en 5 couleurs en quelques secondes. Verrouillez votre couleur primaire, explorez les teintes secondaires, exportez les variables CSS directement dans votre design system.

Design UI et web

Concevez des interfaces accessibles : arrière-plan, surface, primaire, accent et texte. Vérifiez le contraste, copiez le HEX prêt pour Tailwind, collez dans Figma.

Réseaux sociaux et marketing

Trouvez vite l'ambiance de campagne, pastel pour le bien-être, complémentaire pour les soldes, nuances pour le premium. Appuyez sur Espace jusqu'au déclic.

Illustration et art

Les harmonies triadiques et analogues offrent aux illustrateurs des ensembles équilibrés sans mélanges ternes. Réglez H/S/L par nuance pour l'impression.

Intérieur et mode

Extrayez des palettes de photos de pièces, de tenues ou de produits pour garder des histoires couleur réalistes et cohérentes.

Dataviz et diapositives

Besoin de 6 à 10 couleurs distinctes mais harmonieuses pour vos graphiques ? Générez en tétradique, verrouillez les plus lisibles, exportez la légende en SVG/PNG.

Questions fréquentes

1Comment générer une palette de couleurs aléatoire ?

Sélectionnez une harmonie (ou Aléatoire), cliquez sur Générer ou appuyez sur Espace. Chaque pression crée un ensemble de 5 couleurs (réglable de 1 à 10 avec +/-). Verrouillez une nuance pour la conserver pendant que les autres se régénèrent autour.

2Puis-je aussi extraire une palette d'une image ici ?

Oui, cliquez sur l'icône image pour importer ou coller une photo et l'outil compte les pixels pour révéler les teintes dominantes au-dessus de l'aperçu. Pour un parcours photo avec exemple préchargé, essayez le générateur de palette d'image dédié.

3Quelle est la différence entre les modes Aléatoire et Image ?

Aléatoire crée des harmonies théoriques à partir de zéro (calculs HSL). Le mode image trouve les couleurs qui dominent vraiment votre photo par fréquence, idéal pour assortir une illustration, un logo ou une photo existante.

4Comment fonctionnent verrouillage, glisser-déposer et réglage ?

Le verrou (icône cadenas) fige une couleur entre les générations. Glissez une nuance pour la réorganiser (l'ordre affecte l'export CSS). L'icône d'engrenage ouvre les curseurs H/S/L pour un réglage fin sans quitter la page.

5Que signifient les options d'harmonie ?

Analogue : teintes voisines sur le cercle (calme). Complémentaire : opposées (audacieux). Triadique : 3 x 120° (équilibré). Tétradique : 4 coins (riche). Monochromatique/Nuances : une teinte, clarté variée (minimal). Aléatoire : mélange vif et libre pour découvrir.

6Dans quels formats puis-je copier ou télécharger ?

Utilisez le sélecteur Copier comme pour HEX, RGB, HSL ou variables CSS, il pilote à la fois les nuances seules et le bouton de copie global. La fenêtre de téléchargement propose quatre onglets : CSS (enregistré comme palette.txt), JSON, bande SVG ou PNG légendé.

7Est-ce gratuit ? Mes images sont-elles téléversées ?

Oui, gratuit pour toujours sans inscription. Les palettes aléatoires sont de purs calculs couleur, et toute photo importée est lue localement via Canvas.

8Combien de couleurs une palette peut-elle contenir ?

De 1 à 10. Utilisez -/+ près de la bande. Aléatoire commence à 5, image à 8 (vue d'ensemble dominante). L'historique conserve vos 10 dernières générations pour une restauration rapide.

Générateur de Palette d'Image

Extrayez la palette de toute photo

Générateur de Dégradés

CSS linéaire, radial et conique

Vérificateur de Contraste

Lisibilité du texte et notes WCAG

Convertisseur de Couleurs

HEX RVB HSL HSV CMJN LAB