Générateur de palettes de couleurs

Composez une palette, modifiez ses couleurs et leur ordre. Enregistrez ou exportez le résultat pour votre projet.

Palettes prédéfinies

Hex #776487
Hex #63B04F
Hex #AC38B7
Hex #63886D

Vos statistiques

0
Couleurs choisies
0
Palettes exportées
0
Dégradés créés
0
Contrastes vérifiés
Sélecteur de couleur
Mode le plus utilisé
0%
Score d’activité

Comment créer une palette de couleurs

Guides

La vidéo présente l’interface en anglais.

Choisissez par exemple Pastel ou Océan, ou cliquez sur Palette aléatoire. Observez les couleurs ensemble avant de les modifier. La génération aléatoire propose des associations à affiner sans vérifier leur adéquation à un besoin de design précis.

Composez une palette à réutiliser

Sept palettes de départ

Partez de Material, Tailwind, Pastel, Rétro, Néon, Terre ou Océan, puis adaptez les couleurs à votre projet.

Couleurs aléatoires avec verrouillage

Verrouillez les couleurs à conserver. La prochaine génération aléatoire ne remplacera que les autres.

Modifier les couleurs et leur ordre

Modifiez, ajoutez ou supprimez des couleurs. Faites glisser les cartes pour changer leur ordre.

En afficher 3 de plusAfficher moins

Fichiers et variables CSS

Exportez la palette en PNG, JPG ou SVG, avec des libellés HEX et RGB si nécessaire. Téléchargez le JSON ou copiez les couleurs sous forme de variables CSS.

Préréglages nommés

Enregistrez une palette nommée dans ce navigateur. À la réouverture de la page, la palette de travail non enregistrée revient à Material.

Autres outils de couleur

Ouvrez Couleurs d’image pour obtenir une palette à partir d’une photo. Le sélecteur de mode donne aussi accès au sélecteur de couleurs, aux dégradés et au contrôle du contraste.

Questions fréquentes

Comment créer une palette de couleurs ?

Choisissez une palette prédéfinie ou générez des couleurs aléatoires. Modifiez les couleurs, verrouillez celles à conserver avant une nouvelle génération et réorganisez les cartes par glisser-déposer. Exportez le résultat ou enregistrez-le sous un nom.

Puis-je générer une palette aléatoire ?

Oui. Palette aléatoire remplace les couleurs non verrouillées. Les autres restent en place, ce qui permet de conserver une couleur de départ et d’essayer plusieurs associations.

Puis-je créer une palette à partir d’une photo ?

Ouvrez Couleurs d’image dans le sélecteur de mode. Cet outil extrait les couleurs dominantes d’une image prise en charge. Le générateur de palettes sert à modifier un ensemble de couleurs.

Quelles palettes prédéfinies sont proposées ?

Material, Tailwind, Pastel, Rétro, Néon, Terre et Océan. Chaque palette propose quatre couleurs de départ. Elle ne constitue pas un système de design complet et ne garantit pas l’accessibilité.

En afficher 4 de plusAfficher moins

Quels formats d’export sont disponibles ?

Téléchargez la palette en PNG, JPG ou SVG, avec des libellés HEX et RGB si nécessaire, ou en JSON avec les valeurs HEX et RGB. Vous pouvez copier les variables CSS. La largeur est réglable pour PNG et JPG. L’export contient la palette, pas l’ensemble de votre design.

Puis-je verrouiller et réorganiser les couleurs ?

Oui. Le cadenas d’une couleur la conserve lors d’une génération aléatoire. Déplacez une carte par sa poignée pour changer l’ordre. Les boutons HEX et RGB changent le format d’affichage des valeurs.

Le générateur de palettes est-il gratuit ?

Oui, MORELESS le propose sans compte. Enregistrez la palette sous un nom pour la conserver dans ce navigateur et exportez une copie pour votre sauvegarde personnelle.

Ma palette sera-t-elle conservée pour la prochaine visite ?

Les préréglages nommés sont enregistrés dans ce navigateur via IndexedDB. La palette de travail non enregistrée revient à Material à la réouverture. Effacer les données du site peut supprimer les préréglages enregistrés. Ils ne sont pas synchronisés entre appareils.

Détails techniques

Palettes prédéfinies et couleurs aléatoires

Chacune des sept palettes prédéfinies contient quatre couleurs. La génération aléatoire choisit une teinte, une saturation et une luminosité, puis les convertit en couleurs RGB. Le verrouillage conserve les couleurs selon leur valeur HEX lors d’une nouvelle génération.

Modification des couleurs

Les cartes peuvent être modifiées, ajoutées, supprimées et réorganisées. HEX et RGB représentent les mêmes couleurs sous deux formes. Mode concentration affiche la palette en grandes bandes verticales.

En afficher 2 de plusAfficher moins

Formats d’export

La largeur des PNG et JPG est réglable de 120 à 7680 px. Leur hauteur correspond à environ un sixième de la largeur. Le SVG utilise un espace de coordonnées de 1200 × 200. Les images peuvent inclure des libellés HEX et RGB. Le CSS se copie sous forme de propriétés personnalisées numérotées. Le JSON contient les valeurs HEX et RGB.

Préréglages nommés dans ce navigateur

Les palettes nommées sont enregistrées dans la base IndexedDB commune à Color Studio. La palette de travail non enregistrée n’est pas restaurée à la réouverture. Exportez des copies avant d’effacer le stockage du navigateur.