Was ist Material-Design-Farbwähler?

Der Material Design Color Picker bietet die vollständige Material-Design-Farbpalette mit allen Primärfarben und deren Abstufungen (50 bis 900). Klicken Sie auf ein Farbfeld, um den exakten HEX-Wert zu erhalten — sofort einsatzbereit in Ihrem Design-System oder Code.

Anleitung

1. Durchsuchen Sie das Farbraster mit allen Material-Design-Primärfarben — Rot, Pink, Lila, Tiefviolett, Indigo, Blau und weitere.
2. Klicken Sie auf eine Primärfarbe, um deren Abstufungen von der hellsten (50) bis zur dunkelsten (900) aufzuklappen, einschließlich Akzentfarben (A100–A700).
3. Klicken Sie auf eine Abstufung, um den HEX-Code zu kopieren, oder stellen Sie eine Palette zusammen, indem Sie mehrere Farben für Ihr Projekt auswählen.

Ergebnis

Sie entwickeln ein Dashboard und benötigen das exakte Material-Design-'Indigo 500' (#3F51B5) für Ihre primäre Schaltflächenfarbe und 'Indigo 50' (#E8EAF6) für den Hover-Hintergrund.

Ähnliche Tools