Aller au contenu

Générateur de palettes de couleurs

Créez 3 à 8 couleurs, conservez vos préférées, modifiez les HEX et exportez la palette.

Réglages de la palette

Traitement dans le navigateur.

Résultat

Saisissez les valeurs, puis calculez.

Mode d’emploi

Une palette est prête à l’ouverture : aucune saisie de couleur n’est nécessaire. Choisissez 3 à 8 couleurs et une relation, puis générez une autre combinaison. Fixez vos préférées pour ne remplacer que les autres au prochain passage. Appuyez à nouveau sur le bouton pour libérer une couleur.

Méthode et interprétation

Les relations HSL utilisent des écarts de teinte de 25° pour les analogues, 180° pour les complémentaires et 120° pour les triades ; les monochromes partagent la teinte. Luminosité : 30–75%, saturation : 60–80%. La première position fixée sert de référence de teinte ; les autres couleurs fixées restent exactes.

Exemples

Pour trois couleurs, choisissez 3, générez et fixez votre carte préférée. Régénérez pour remplacer les deux autres. Pour un réglage facultatif, cliquez sur l’échantillon au début du champ HEX ou modifiez le texte derrière. La couleur modifiée est fixée automatiquement ; son aperçu et son export suivent ensemble.

Limites et erreurs

Copiez la liste HEX ou les propriétés CSS --color-1, --color-2, etc. Changer de format conserve les couleurs. SVG et PNG téléchargent la même bande ordonnée avec ses étiquettes. Un HEX incomplet laisse l’éditeur visible et bloque copie et téléchargements jusqu’à correction. Effacer retire palette et fixations ; Générer recommence sans saisie obligatoire.

Questions fréquentes

L’harmonie est-elle garantie ?

Non. Ces relations sont des pistes, pas des garanties de goût ni un diagnostic personnel. Les étiquettes utilisent un noir ou blanc lisible ; vérifiez les couples texte/fond du projet final. Seuls les HEX sRGB opaques à six chiffres sont acceptés, sans photos ni dégradés.