Qu'est-ce que Sélecteur de couleurs Material Design ?

Material Design Color Picker met à votre disposition la palette de couleurs Material Design complète avec toutes les couleurs primaires et leurs variantes de teinte (50 à 900). Cliquez sur n'importe quel échantillon pour obtenir la valeur HEX exacte, prête à utiliser dans votre design system ou votre code.

Comment utiliser

1. Parcourez la grille de couleurs affichant toutes les couleurs primaires Material Design — Rouge, Rose, Violet, Violet foncé, Indigo, Bleu et bien d'autres.
2. Cliquez sur une couleur primaire pour afficher ses variantes de teinte, de la plus claire (50) à la plus foncée (900), y compris les tons d'accent (A100–A700).
3. Cliquez sur une teinte pour copier son code HEX, ou composez une palette en sélectionnant plusieurs couleurs pour votre projet.

Résultat

Vous construisez un tableau de bord et avez besoin du « Indigo 500 » (#3F51B5) exact de Material Design pour la couleur de votre bouton principal et du « Indigo 50 » (#E8EAF6) pour l'arrière-plan au survol.

Outils similaires