🇫🇷WebFileTools/Générateur de palette de couleurs
BlogStatutAvisPatch Notes🇬🇧 English

Générateur de palette de couleurs

Générez des palettes harmoniques depuis une couleur de base. Export CSS variables, contraste WCAG inclus.

#3b82f6
W 3.7 AA LgB 5.7 AA
#f6af3b
W 1.9 ✗B 11.1 AAA
Variables CSS
:root {
  --color-1: #3b82f6;
  --color-2: #f6af3b;
}

Vous utilisez souvent cet outil ? Pro inclut des fichiers jusqu'à 500 Mo et un traitement prioritaire.

Donner un avis sur cet outil

Qu'est-ce que Générateur de palette de couleurs ?

Génère des palettes harmoniques à partir d'une couleur de base : complémentaire, triadique, analogue, fendue, tétradique et monochromatique.

Comment utiliser cet outil ?

Saisissez une couleur (HEX/RGB/HSL), choisissez l'harmonie, copiez chaque swatch dans le format souhaité ou exportez l'ensemble en variables CSS.

Avantages

  • 6 harmonies basées sur la théorie des couleurs
  • Formats HEX / RGB / HSL
  • Export :root { --color-* }
  • Badge contraste WCAG par swatch
  • 100% navigateur

Questions fréquentes

En quoi cet outil diffère-t-il de la palette d'image ?
L'outil de palette d'image extrait des couleurs présentes dans une photo. Celui-ci génère des palettes harmoniques à partir d'une seule couleur via la théorie des couleurs.
Quelles harmonies sont proposées ?
Complémentaire, triadique, analogue, complémentaire fendue, tétradique et monochromatique (5 nuances + 5 teintes).
Que signifie le badge WCAG ?
Il affiche le ratio de contraste de chaque couleur contre du blanc et du noir, conforme WCAG 2.1 (AA = 4.5:1, AAA = 7:1).

Outils similaires

🎨

Convertisseur de couleurs

Convertissez instantanément vos couleurs entre HEX, RGB et HSL directement dans votre navigateur. Outil gratuit, 100% local.

Utiliser →
🌈

Générateur de dégradés CSS

Créez des dégradés CSS linear, radial et conic avec aperçu en temps réel. Export CSS et Tailwind. 12 préréglages. 100% navigateur.

Utiliser →
🎨

Comparateur de contrastes WCAG

Vérifiez le ratio de contraste entre deux couleurs selon les normes WCAG 2.1 (AA et AAA). Aperçu en temps réel.

Utiliser →
🎨

Palette de couleurs depuis image

Extrayez les couleurs dominantes d'une image. Obtenez une palette harmonieuse avec codes HEX, RGB et HSL. 100% navigateur, gratuit.

Utiliser →