Aller au contenu

Palette de couleurs Material Design

Toutes les couleurs Material, copiées en un clic.

Chargement…

La palette Material Design donne à chacune de ses 19 teintes — du rouge au gris bleu — dix nuances de 50 à 900 et, pour la plupart, quatre accents vifs de A100 à A700. Cliquez sur un échantillon pour copier son code HEX, ou saisissez une couleur pour trouver la couleur Material la plus proche, pratique pour porter un design vers une app ou un thème Material.

Comment copier des couleurs Material Design

  1. Étape 1

    Parcourez la palette.

  2. Étape 2

    Cliquez sur un échantillon pour copier son code HEX.

  3. Étape 3

    Ou saisissez une couleur pour trouver la plus proche.

Pourquoi utiliser PhotoTools

Palette complète

19 teintes, 254 couleurs.

Un clic

Le code HEX est copié aussitôt.

La plus proche

La couleur Material la plus proche de toute couleur.

Formats pris en charge

Sortie

  • HEX

Questions fréquentes

Quelle nuance est la couleur principale ?

La nuance 500 est la principale de chaque teinte ; les claires (50–400) conviennent aux fonds, les foncées (600–900) au texte et aux états pressés.

Que sont les nuances A ?

Les accents (A100–A700) sont des variantes plus vives et saturées pour boutons, interrupteurs et mises en avant. Le marron, le gris et le gris bleu n’en ont pas.

Est-ce gratuit ?

Oui. Les outils du navigateur de PhotoTools sont gratuits, illimités et fonctionnent sans compte.

Mes images sont-elles envoyées sur un serveur ?

Non. Cet outil fonctionne entièrement dans votre navigateur grâce à WebAssembly. Vos images ne quittent jamais votre appareil et rien n’est conservé.