Color Palette Generator — HEX, RGB, HSL, CSS Variables

Create harmonious color palettes from a base color, extract dominant colors from an image, or generate random combinations. Export as CSS variables, PNG and JSON.

Depuis une couleur Depuis une image Aléatoire

Couleur de base

Harmonie

Nombre : 6

Palette 6

Générateur de palette de couleurs : guide design

Une palette de couleurs cohérente est le fondement de toute identité visuelle réussie. Que vous conceviez un site web, une application, un logo ou une charte graphique, les couleurs que vous choisissez transmettent des émotions, créent de la cohérence et influencent directement la perception de votre marque.

Les règles d'harmonie des couleurs

🎨 Analogue

3 couleurs voisines sur la roue chromatique. Rendu harmonieux et naturel, idéal pour les designs apaisants.

⚡ Complémentaire

Deux couleurs opposées (ex. bleu/orange). Fort contraste visuel, excellent pour les CTA et mises en avant.

△ Triadique

3 couleurs espacées de 120°. Palette équilibrée et vibrante, populaire dans les designs ludiques.

□ Tétradique

4 couleurs en carré (90°). Très riche, nécessite une couleur dominante clairement définie.

Accessibilité : ratio de contraste WCAG

Niveau	Texte normal	Grand texte	Usage
Échec	< 3:1	< 3:1	Non accessible
AA Large	—	≥ 3:1	Grand texte (18pt+)
AA	≥ 4.5:1	≥ 3:1	Standard minimum
AAA	≥ 7:1	≥ 4.5:1	Accessibilité optimale

Conseils pour une palette web efficace

Règle 60-30-10 : 60% couleur principale, 30% secondaire, 10% accent.
Limitez à 3-5 couleurs pour garder la cohérence visuelle.
Testez sur fond blanc ET fond sombre — votre palette doit fonctionner dans les deux modes.
Exportez en CSS variables (--color-primary) pour une maintenabilité maximale.
Vérifiez le contraste WCAG AA (4.5:1 minimum) entre le texte et son fond.

Tools in the same category

Username Generator Smart Hashtag Generator EAN Generator QR Code Generator Barcode Generator Lorem Ipsum Generator