1
Importer une image
Déposez, sélectionnez ou collez une image. L’outil la réduit localement puis extrait des couleurs adaptées à l’interface avec la quantification Celebi et le classement Score.
DEVELOP.09 MATERIAL COLOR
Palette Monet
Importez une image et générez des thèmes dynamiques avec les Material Color Utilities officielles. Comparez variantes, modes clair et sombre, rôles sémantiques et palettes tonales complètes.
IMG
Déposez une image ici
ou cliquez pour choisir · collage pris en charge
JPG, PNG, WebP, GIF · traitement local Couleurs sources candidates Choisissez une couleur comme graine du thème
CFG
Configuration du thème
Local uniquement
Importez une image pour générer un thème
Nous extrairons localement des couleurs candidates, puis construirons un système de couleurs Material complet prêt pour l’interface.
UI
Aperçu du thème en contexte
§ 01
Créer un thème Material depuis une image
2
Comparer les variantes
Choisissez la spécification Material 3 ou Material 3 Expressive et comparez les variantes avec le même aperçu, la même couleur source et le même niveau de contraste.
3
Examiner et exporter
Vérifiez les thèmes clair et sombre ensemble, inspectez les rôles sémantiques et les palettes complètes, puis exportez les propriétés CSS ou le JSON.
§ 02
9 styles de couleurs dynamiques Material
Monochrome / Neutral
Des schémas achromatiques et peu chromatiques pour les interfaces calmes et riches en contenu.
Tonal Spot / Vibrant
Le style Material 3 équilibré par défaut et une interprétation plus colorée et énergique.
Expressive / Rainbow / Fruit Salad
De fortes rotations de teinte donnent une personnalité distincte aux produits de marque et aux expériences ludiques.
Fidelity / Content
Préservent davantage la couleur source et ses relations de température lorsque le contenu doit guider la palette.
§ 03
Un aperçu des couleurs pensé pour les vraies interfaces
✳
Chaque variante utilise la même empreinte de cinq couleurs pour comparer directement les couleurs primaire, secondaire, tertiaire, de surface et d’erreur.
✳
Les thèmes clair et sombre sont affichés ensemble pour examiner surfaces, texte, boutons, conteneurs et navigation.
✳
Les 13 tons sont disponibles pour les palettes primary, secondary, tertiary, neutral, neutral variant et error.
✳
Utilise les Material Color Utilities officielles de Google et traite tout localement.
§ 04
Questions fréquentes
Q1Qu’est-ce que Monet ?
Monet est un nom courant du système de couleurs dynamiques d’Android. Il ne copie pas simplement les couleurs de l’image : il choisit une couleur source adaptée et crée un thème complet, contrasté, dans l’espace HCT.
Q2Quelle différence entre Material 3 et M3 Expressive ?
Material 3 utilise la spécification de couleurs dynamiques de 2021 et propose 9 variantes classiques. M3 Expressive utilise celle de 2025 ; la bibliothèque officielle propose de nouvelles règles pour Neutral, Tonal Spot, Vibrant et Expressive, avec des différences selon l’appareil.
Q3Pourquoi les variantes sont-elles si différentes avec la même source ?
Chaque variante applique des rotations de teinte et des objectifs de chroma différents aux palettes primaire, secondaire, tertiaire et neutre. Neutral reste discrète, Vibrant augmente le chroma, Expressive fait pivoter la teinte et Fidelity conserve l’apparence source.
Q4Mon image est-elle envoyée ?
Non. Décodage, redimensionnement, quantification des pixels, génération et export se font dans le navigateur. L’image ne quitte pas votre appareil.