Sept palettes de départ
Partez de Material, Tailwind, Pastel, Rétro, Néon, Terre ou Océan, puis adaptez les couleurs à votre projet.
Composez une palette, modifiez ses couleurs et leur ordre. Enregistrez ou exportez le résultat pour votre projet.
Autres actions
Impossible de charger la vidéo. Vous pouvez suivre les instructions ci-dessous.
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.
Partez de Material, Tailwind, Pastel, Rétro, Néon, Terre ou Océan, puis adaptez les couleurs à votre projet.
Verrouillez les couleurs à conserver. La prochaine génération aléatoire ne remplacera que les autres.
Modifiez, ajoutez ou supprimez des couleurs. Faites glisser les cartes pour changer leur ordre.
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.
Enregistrez une palette nommée dans ce navigateur. À la réouverture de la page, la palette de travail non enregistrée revient à Material.
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.
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.
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.
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.
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é.
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.
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.
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.
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.
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.
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.
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.
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.