Que sont les harmonies de couleurs ?

Des ensembles de couleurs choisies selon leur position sur le cercle chromatique : les couleurs analogues sont côte à côte, les complémentaires se font face et les triadiques sont espacées régulièrement.

Que sont les nuances et les teintes ?

Des versions plus foncées et plus claires d'une même couleur. L'échelle de nuances donne onze niveaux, de 50 (le plus clair) à 950 (le plus foncé), comme dans les design systems.

Comment utiliser la palette dans mon code ?

Exportez-la en variables CSS, en thème Tailwind, en JSON ou en simple liste de codes HEX.

Quelque chose est-il envoyé en ligne ?

Non. Les palettes sont créées sur votre appareil.

Générateur de palettes de couleurs est-il gratuit ?

Oui. Il est gratuit, sans inscription et sans rien à installer.

Outils couleur

Générateur de palette de couleurs en ligne – Gratuit

Gratuit, sans inscription, fonctionne dans votre navigateur. Générez des palettes de couleurs d'une simple touche, verrouillez les couleurs qui vous plaisent, ou créez-en une à partir d'une couleur de base avec des harmonies analogues, complémentaires ou triadiques. Exportez en variables CSS, Tailwind ou JSON.

ou appuyez sur Espace. Verrouillez les couleurs qui vous plaisent pour les garder.

Modifier
Modifier
Modifier
Modifier
Modifier

Partir d'une couleur

Couleur de baseHarmonie

Les harmonies font tourner la teinte sur le cercle chromatique : analogue reste proche, complémentaire prend le côté opposé, triadique répartit trois teintes de façon égale.

Nuances de #2F5BFF

Cliquez sur une nuance pour la copier. Choisissez une autre couleur de la palette pour voir ses nuances.

Exporter

Variables CSSTailwindJSONListe HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Les palettes sont créées sur votre appareil.

Pourquoi utiliser Générateur de palettes de couleurs

100 % gratuit: Utilisez-le aussi souvent que vous voulez. Sans inscription, sans filigrane, rien à installer.
Confidentiel par conception: Ce que vous saisissez reste dans votre navigateur et ne nous est jamais envoyé.
Fonctionne sur tous les appareils: Fonctionne dans votre navigateur sous Windows, Mac, Linux, Android et iPhone. Aucune application nécessaire.

Comment utiliser Générateur de palettes de couleurs

Appuyez sur Générer (ou sur la barre d'espace) jusqu'à obtenir une palette qui vous plaît.
Verrouillez des couleurs pour les garder, ou partez d'une couleur de base et d'une harmonie.
Copiez des couleurs une par une ou exportez toute la palette.

Questions fréquentes

Que sont les harmonies de couleurs ?: Des ensembles de couleurs choisies selon leur position sur le cercle chromatique : les couleurs analogues sont côte à côte, les complémentaires se font face et les triadiques sont espacées régulièrement.
Que sont les nuances et les teintes ?: Des versions plus foncées et plus claires d'une même couleur. L'échelle de nuances donne onze niveaux, de 50 (le plus clair) à 950 (le plus foncé), comme dans les design systems.
Comment utiliser la palette dans mon code ?: Exportez-la en variables CSS, en thème Tailwind, en JSON ou en simple liste de codes HEX.
Quelque chose est-il envoyé en ligne ?: Non. Les palettes sont créées sur votre appareil.
Générateur de palettes de couleurs est-il gratuit ?: Oui. Il est gratuit, sans inscription et sans rien à installer.