135 · Conception et Web

Générateur de palette de couleurs

Choisissez une couleur de base et une harmonie pour obtenir une palette. Cliquez sur un échantillon pour copier son code hexadécimal.

Vos données : Cet outil traite votre saisie dans ce navigateur. CapyHelp ne télécharge pas cette entrée pour générer votre résultat. Détails de confidentialité

Générateur de palette de couleurs

#4f46e5

Comment utiliser le générateur de palette de couleurs

  1. Choisissez une couleur de base ou générez-en une au hasard.
  2. Choisissez une harmonie.
  3. Cliquez sur les échantillons pour les copier ou copiez la palette entière.

Harmonies de couleurs

  • Analogue: voisins sur la roue chromatique ; calme et cohérent.
  • Complémentaire: opposés; contraste élevé pour les accents.
  • Triadique: trois couleurs régulièrement espacées ; vif mais équilibré.
  • Teintes et nuances: une teinte allant du très clair au très foncé, idéale pour les systèmes de conception d'interface utilisateur.

Exemples

#4f46e5, analogue

Du bleu au violet

#4f46e5, teintes et nuances

--couleur-50 … --couleur-900

Questions

Les couleurs sont-elles accessibles ?

Une palette ne garantit pas un texte lisible. Vérifiez les paires de texte et d'arrière-plan avec le contraste affiché dans le <a href="/tools/css-button-generator/">générateur de boutons CSS</a>.

Traduction automatique. Passez en revue les résultats importants.