Référence des Couleurs Material
Parcourez et copiez gratuitement en ligne tous les codes couleur Material Design. Trouvez les valeurs hex de la palette 256 couleurs en un clic.
No results found
Comment ça fonctionne
- Ouvrez l'outil Material Color Reference dans votre navigateur.
- Parcourez la palette complète de 256 couleurs organisées par familles et niveaux de teinte.
- Repérez la couleur souhaitée en faisant défiler les groupes de couleurs disponibles.
- Cliquez sur l'échantillon de couleur pour copier instantanément le code hex dans votre presse-papiers.
- Collez le code directement dans votre CSS, Figma, Sketch ou tout autre outil de design.
Exemple
Entrée: Material Cyan 500
Résultat: #00BCD4
FAQ
C'est le système de couleurs officiel de Google, comprenant 256 couleurs soigneusement sélectionnées, organisées en familles comme le Rouge, le Bleu, le Vert et le Violet, chacune avec plusieurs niveaux de luminosité.
Oui, l'outil est entièrement sécurisé. Tout le traitement s'effectue directement dans votre navigateur côté client et aucune donnée n'est envoyée à un quelconque serveur.
Cliquez simplement sur l'échantillon de couleur ou sur la valeur hex, et elle sera automatiquement copiée dans votre presse-papiers.
Oui, les couleurs Material Design sont librement disponibles et largement utilisées dans les applications web, mobiles et de bureau, qu'elles soient personnelles ou commerciales.
La plupart des familles de couleurs proposent des teintes allant de 50 à 900, ainsi que des variantes d'accent A100, A200, A400 et A700 selon les couleurs.