Aller au contenu

Générateur de Palettes de Couleurs

Générez de belles palettes de couleurs avec modes d'harmonie, vérification de contraste et export CSS.

Appuyez sur Espace pour générer

#DE9E52Copier
#895040Copier
#E08756Copier
#EF76F6Copier
#0D70E9Copier
#DE9E52 · rgb(222,158,82) · hsl(33,68%,60%)
#895040 · rgb(137,80,64) · hsl(13,36%,39%)
#E08756 · rgb(224,135,86) · hsl(21,69%,61%)
#EF76F6 · rgb(239,118,246) · hsl(297,88%,71%)
#0D70E9 · rgb(13,112,233) · hsl(213,89%,48%)

Vérification de Contraste

Aa AA Réussi
Aa AA Échoué
Aa AA Échoué
Aa AA Réussi
Aa AA Réussi
Aa AA Échoué
Aa AA Réussi
Aa AA Échoué
Aa AA Réussi
Aa AA Réussi

Palettes Enregistrées

Aucune palette enregistrée.

Générateur de Palettes de Couleurs : Créez de Belles Combinaisons

Créer des palettes de couleurs harmonieuses est l'un des aspects les plus difficiles du design. Notre Générateur de Palettes de Couleurs gratuit élimine les conjectures dans la sélection des couleurs en offrant plusieurs modes d'harmonie — Analogue, Complémentaire, Triadique, Monochromatique et Aléatoire.

Chaque palette génère cinq couleurs qui fonctionnent bien ensemble. Vous pouvez verrouiller les couleurs individuelles et régénérer le reste, affinant itérativement votre palette. Chaque couleur affiche sa valeur en formats HEX, RGB et HSL, facile à utiliser en CSS ou outils de design.

Le vérificateur de contraste intégré aide à garantir que vos choix de couleurs sont accessibles. Il teste la lisibilité du texte contre chaque couleur de fond en utilisant les directives WCAG, montrant si le texte noir ou blanc respecte les standards d'accessibilité AA.

Enregistrez vos palettes favorites dans le stockage local pour ne jamais perdre une bonne combinaison. Exportez votre palette en propriétés personnalisées CSS prêtes à coller dans votre feuille de style.

FAQ

Partager
SponsoriséPublicité

Le design professionnel simplifié avec Canva

Créez des logos, publications sociales, présentations et plus avec un simple glisser-déposer.

FAQ

Qu'est-ce que l'harmonie des couleurs et pourquoi est-ce important ?+
L'harmonie des couleurs désigne des combinaisons esthétiquement agréables basées sur leurs positions sur le cercle chromatique. Les palettes harmonieuses créent un équilibre visuel et sont plus attrayantes. Différents types d'harmonie produisent différentes ambiances dans le design.
Comment choisir le bon mode d'harmonie ?+
Les couleurs analogues créent des designs calmes et unifiés. Les complémentaires offrent un contraste élevé et de l'énergie. Le triadique fournit une variété vibrante avec équilibre. Le monochromatique utilise une seule teinte pour des designs subtils et élégants.
Que fait le verrouillage d'une couleur dans la palette ?+
Verrouiller une couleur la maintient fixe tandis que toutes les couleurs déverrouillées sont régénérées. Cela vous permet de garder les couleurs que vous aimez et d'en trouver de nouvelles qui les complètent.
Comment exporter ma palette pour l'utiliser en CSS ?+
Cliquez sur "Exporter Variables CSS" pour copier les propriétés personnalisées CSS dans le presse-papiers. La sortie inclut des variables comme --color-1 à --color-5 à coller dans votre sélecteur :root.
Qu'est-ce que le contraste WCAG et pourquoi le vérifier ?+
Les WCAG définissent des ratios minimaux de contraste entre texte et couleurs de fond pour assurer la lisibilité. Un ratio de 4.5:1 est nécessaire pour le texte normal (niveau AA). Cet outil vérifie chaque couleur de la palette comme fond contre le texte noir et blanc.

Outils les plus populaires