Générateur de palettes de couleursGénérateur de palettes de couleurs
fr

AppHelp

Générateur de palettes de couleurs

Choisissez une couleur de base, créez cinq nuances et copiez les valeurs HEX ou les variables CSS.

Variables CSS
--color-1: #13C6C9;
--color-2: #1599E0;
--color-3: #2463EB;
--color-4: #3E3BED;
--color-5: #8952EF;

Tâches courantes

  • Générateur de palettes de couleurs

Réponse rapide

Choisissez une couleur de base, créez cinq nuances et copiez les valeurs HEX ou les variables CSS.

Mode d'emploi

  1. 1. Choisir la couleur de baseUtilisez le sélecteur pour définir la couleur de départ.
  2. 2. Comparer les harmoniesPassez entre les modes analogue, complémentaire et triadique.
  3. 3. Copier la paletteCliquez sur une couleur pour copier son HEX ou copiez les cinq variables CSS.

Exemples

Variables CSS

Entrée
Couleur #2563EB, mode analogue
Sortie
Cinq déclarations de --color-1 à --color-5.

Cas limites

  • Les couleurs sont des suggestions ; le contraste et l’accessibilité ne sont pas vérifiés.
  • La teinte, la saturation et la luminosité sont ajustées : la couleur de départ peut être modifiée.

Fonctionnalités

  • Harmonies analogues, complémentaires et triadiques
  • Cinq couleurs HEX
  • Copie des variables CSS pour votre feuille de style

Questions fréquentes

Mes données sont-elles téléversées ?
Non. L'outil s'exécute localement dans votre navigateur par défaut.
Ai-je besoin d'un compte ?
Aucun compte n'est requis.