Skip to content
clkr

Loading tools…

    Générateur de palette de couleurs

    Générez des palettes de couleurs à partir de règles d'harmonie, d'une couleur de base ou d'une image avec ce générateur gratuit en ligne.

    Chargement…

    What next?

    Utile ? Partagez Générateur de palette de couleurs

    Gratuit, sans inscription, fonctionne dans le navigateur — envoyez-le à un ami ou ajoutez-le à votre site.

    Fait partie de ces kits

    Comment utiliser Générateur de palette de couleurs

    1. 1Appuyez sur Générer la palette (ou la barre d'espace) pour une nouvelle palette harmonieuse — verrouillez les couleurs à conserver
    2. 2Ou choisissez une couleur de base et une règle d'harmonie, ou extrayez les couleurs principales d'une image
    3. 3Touchez une pastille pour l'affiner, cliquez sur un code pour le copier, et exportez en HEX, variables CSS, Tailwind, JSON ou PNG

    Questions fréquentes

    Que sont les harmonies de couleurs ?▾

    Règles basées sur les positions sur le cercle chromatique : les couleurs analogues sont côte à côte, les couleurs complémentaires sont opposées (180°), les couleurs triadiques sont espacées de 120°, le complémentaire divisé utilise les deux voisines du complément, et le monochromatique fait varier la luminosité d'une seule teinte.

    Comment fonctionne la palette d'image ?▾

    L'image est réduite dans votre navigateur et ses pixels sont regroupés par clustering k-means ; les cinq plus grands groupes forment la palette, classés du plus foncé au plus clair. L'image n'est jamais téléversée.

    Combien de couleurs une palette doit-elle avoir ?▾

    La plupart des palettes de marque et d'interface utilisent 3–5 couleurs : une ou deux couleurs principales, un accent, et des tons neutres clairs et sombres. Une répartition 60-30-10 (dominante, secondaire, accent) est une ligne directrice populaire.

    Pourquoi certains échantillons ont-ils du texte blanc et d'autres noir ?▾

    Chaque code est dessiné en noir ou en blanc — celui qui a le meilleur rapport de contraste WCAG avec cette couleur — pour rester lisible.

    Embed Générateur de palette de couleurs on your website▾

    Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.