Générateur de Palettes de Couleurs
Créez des palettes de couleurs harmonieuses en ligne. Générez des couleurs aléatoires ou thématiques, verrouillez vos favorites, visualisez les échelles de tons, vérifiez le contraste et la simulation de daltonisme, et exportez en CSS, SCSS, JSON, Tailwind, HEX, RGB, HSL ou OKLCH.
À propos de cet outil
Créez des palettes de couleurs harmonieuses en quelques secondes. Parcourez la galerie de palettes générées automatiquement ou ouvrez l'éditeur pour créer des variations, verrouiller les couleurs favorites, ajuster le nombre de couleurs et exporter pour vos projets. Les couleurs sont calculées dans l'espace perceptuel Okhsl, ce qui maintient les tons visuellement équilibrés et évite les distorsions courantes du HSL traditionnel.
Fonctionnalités principales
Utilisations courantes
- Découvrir de nouvelles palettes et combinaisons pour les interfaces et les design systems, avec des tons perceptuellement équilibrés et prêts à l'emploi
- Définir des schémas de couleurs pour des présentations, des publications et des supports marketing avec une harmonie visuelle
- Copier des valeurs de couleur en HEX, RGB, HSL ou OKLCH directement dans le CSS, sans calculer les couleurs manuellement
- Tester différentes harmonies de couleurs (analogues, monochromatiques, complémentaires, triadiques, tétradiques) dans les redesigns d'interface avant de finaliser le projet
- Vérifier l'accessibilité du contraste et visualiser comment les personnes daltoniennes perçoivent la palette
Comment utiliser
Parcourir la galerie
La page s'ouvre avec plusieurs palettes générées automatiquement. Choisissez entre le mode aléatoire et thématique, appuyez sur la touche Espace pour générer de nouvelles options, ou cliquez sur 'Charger plus' pour étendre la galerie.
Ouvrir dans l'éditeur
Cliquez sur une palette pour l'ouvrir dans l'éditeur. Verrouillez les couleurs que vous souhaitez conserver et générez à nouveau pour ne varier que les autres.
Ajuster et exporter
Ajustez le nombre de couleurs, visualisez les échelles de tons, vérifiez le contraste et le daltonisme, puis exportez dans le format souhaité ou partagez par lien.
Notes techniques
Quelques détails aident à comprendre comment les couleurs sont générées et pourquoi elles restent équilibrées :
Questions fréquentes
La page s'ouvre déjà avec plusieurs palettes générées automatiquement. Appuyez sur la barre d'espace (ou le bouton Générer de nouvelles) pour en créer d'autres, ou choisissez un thème comme pastel ou sombre. En cliquant sur une palette, l'éditeur s'ouvre pour verrouiller les couleurs et les ajuster à votre guise.
En mode aléatoire, les couleurs peuvent provenir de n'importe quel point du spectre. En mode thématique, la génération est orientée vers un aspect spécifique — pastel utilise des couleurs claires et douces, sombre utilise des tons à faible luminosité, vintage utilise des tons vieillis et désaturés, et ainsi de suite.
Okhsl est un modèle de couleur perceptuellement uniforme. En pratique, cela signifie qu'ajuster la luminosité d'une couleur produit des changements que l'œil perçoit comme des étapes régulières, générant des palettes et des tons plus équilibrés que le HSL traditionnel, notamment lors de la comparaison de couleurs très différentes comme le jaune et le bleu.
Dans l'éditeur, le bouton Partager copie un lien avec les couleurs encodées dans l'URL. Toute personne ouvrant ce lien verra exactement la même palette dans l'éditeur. Vous pouvez aussi exporter les couleurs en CSS, SCSS, JSON, Tailwind ou sous forme de liste HEX.