Aller au contenu
RapideTools

Générateur de Palette de Couleurs

Générez des palettes harmonieuses depuis une couleur.

Choisissez une couleur de base et générez une palette harmonieuse — monochromatique, complémentaire, analogue, triadique, nuances ou teintes. Copiez n'importe quel échantillon, ou exportez toute la palette sous forme de variables CSS ou de JSON pour votre design system. Tout est calculé localement.

Toutes les conversions de couleur s'exécutent localement dans votre navigateur — rien n'est envoyé, stocké ni journalisé.

Comment ça marche

  1. 1 Choisissez une couleur de base.
  2. 2 Sélectionnez un mode de palette.
  3. 3 Copiez les échantillons individuels qui vous plaisent.
  4. 4 Exportez la palette en variables CSS ou en JSON.

Cas d'usage courants

  • Construire une palette de marque ou d'interface à partir d'une couleur.
  • Trouver une couleur d'accentuation complémentaire.
  • Initialiser les jetons de couleur d'un design system.
  • Explorer rapidement des options d'harmonie de couleurs.

Questions fréquentes

Mes données de couleur sont-elles envoyées quelque part ?

Non. Chaque conversion et chaque calcul s'exécutent entièrement dans votre navigateur — rien n'est envoyé, stocké ni enregistré.

Que signifient les modes ?

Le mode monochromatique fait varier la luminosité d'une seule teinte ; le complémentaire utilise la teinte opposée ; l'analogue utilise des teintes voisines ; le triadique utilise trois teintes espacées régulièrement ; les nuances foncent ; les teintes éclaircissent.

Comment exporter la palette ?

Utilisez « Copier les variables CSS » pour des déclarations `--color-n:`, ou « Copier le JSON » pour un tableau de valeurs HEX que vous pouvez intégrer dans votre code.

Est-ce vraiment gratuit ?

Oui — gratuit, sans inscription, sans filigrane et sans limites.

Générateur de Nuances

Générez une échelle de nuances depuis une couleur.

Ouvrir l'outil

Convertisseur de Couleur

Convertissez entre HEX, RGB, HSL, HSV et CMYK.

Ouvrir l'outil

Générateur de Dégradé

Créez des dégradés CSS et copiez le code.

Ouvrir l'outil