Stax

Générateur de Palette de Couleurs

Générez 10 nuances de luminosité et des couleurs harmoniques à partir de n'importe quelle couleur hex.

HSL(217°, 91%, 60%)

Lightness scale from 10% (darkest) to 90% (lightest). Click any swatch to copy its hex value.

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

Cet outil génère 10 nuances de luminosité et couleurs harmoniques (complémentaire, analogue, triadique) à partir de toute couleur de base. Parfait pour systèmes de design type Tailwind et palettes de marque.

Comment utiliser le générateur

  1. Saisissez couleur hex de base.
  2. Sélectionnez harmonie de couleur (Complémentaire, Triadique, etc.).
  3. 10 nuances se génèrent automatiquement.
  4. Copiez chaque couleur en HEX/RGB/HSL.

Harmonies de couleur

  • Complémentaire — teintes opposées, fort contraste
  • Analogue — teintes adjacentes, harmonieux
  • Triadique — 120° d'écart, équilibre vibrant
  • Monochromatique — une teinte, luminosité différente

Questions fréquemment posées

Qu'est-ce que l'harmonie des couleurs ?
Règles de théorie des couleurs que les designers utilisent pour créer palettes équilibrées. Complémentaire (teintes opposées), Analogue (adjacentes), Triadique (120° d'écart), Tétradique (4 couleurs), Monochromatique (même teinte, luminosité différente). Chaque harmonie donne une ambiance différente.
Comment sont utiles les variations de luminosité ?
10 variations de luminosité (50, 100, 200... 900) à partir d'une couleur de base — comme Tailwind CSS. Teinte claire en fonds, sombre en texte, moyenne en états hover. Essentiel pour créer systèmes de design cohérents.
Comment choisir couleurs de marque ?
Couleur primaire pour identité de marque, secondaire soutient, accent pour boutons CTA. Règle 60-30-10 : 60% neutre, 30% primaire, 10% accent. Testez accessibilité — toutes les combinaisons doivent passer WCAG AA.
Quels outils utilisent les designers ?
Adobe Color, Coolors, Color Hunt — pour parcourir palettes. Figma, Sketch — constructeurs de palette intégrés. Cet outil génère 10 variations + couleurs harmoniques depuis n'importe quel hex — parfait pour prototypage rapide.

Outils associés