ToolHub
Ouvrir l'outil

Générateur de palette de couleurs

Générez des palettes basées sur une couleur de référence avec 6 règles d'harmonie, export CSS pris en charge

Outils développeur

À propos de cet outil

Le générateur de palette de couleurs vous permet de sélectionner une couleur de référence et de générer instantanément une palette de 5 couleurs à l'aide de six règles d'harmonie : complémentaire, analogue, triade, complémentaire fractionné, tétrade et monochromatique. Vous pouvez verrouiller des couleurs individuelles, générer des palettes aléatoires et exporter les résultats en tant que propriétés personnalisées CSS — tous les calculs sont effectués localement dans le navigateur.

Principales fonctionnalités

Aperçu rapide

Cas d'utilisation

color palette harmony

Questions fréquentes

Quelles règles d'harmonie sont disponibles ?

L'outil propose six règles d'harmonie : complémentaire, analogue, triade, complémentaire fractionné, tétrade et monochromatique. Chaque règle génère une palette de 5 couleurs basée sur les principes de la théorie des couleurs.

Puis-je verrouiller des couleurs spécifiques dans la palette ?

Oui, chaque carte de couleur disposé d'un bouton de verrouillage. Une fois verrouillée, la couleur reste inchangée même lorsque vous changez de règle d'harmonie ou générez une palette aléatoire. Cliquez à nouveau sur le bouton de verrouillage pour la déverrouiller.

Comment exporter la palette en CSS ?

Cliquez sur le bouton Exporter CSS pour générer des propriétés personnalisées CSS contenant les couleurs de la palette actuelle (--primary, --light, --dark, --accent, --accent-light). Vous pouvez ensuite copier le code CSS en un clic.

Puis-je copier des couleurs individuelles ?

Oui, cliquez sur n'importe quelle carte de couleur pour copier sa valeur HEX dans le presse-papiers. Une notification de confirmation s'affiché lorsque la copie réussit. Chaque carte affiché également les valeurs RGB et HSL pour référence.

Mes données de couleur sont-elles envoyées à un serveur ?

Non. Toute la génération de palette et les calculs de couleur sont effectués localement dans le navigateur, aucune donnée n'est téléchargée vers un serveur, garantissant la confidentialité et la sécurité totales de vos informations.