Material Design Farbpalette
Google Material Design Farbreferenz.
Material Design Colors
Pick a color to see all formats
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Wählen Sie Farben aus und erhalten Sie Hex-, RGB- und HSL-Werte. Diese kostenlose Online-Anleitung zur Verwendung von Materialdesign-Farben funktioniert direkt in Ihrem Browser – keine Downloads, keine Anmeldung, keine Einschränkungen.
Materialdesignfarben
Benutzen Sie die Steuerelemente
Verwenden Sie die Steuerelemente oben, um Ihre Einstellungen anzupassen
Sehen Sie sich die Vorschau an
Sehen Sie sich das Vorschau-Update in Echtzeit an
Kopieren Sie das generierte
Kopieren Sie den generierten CSS-Code, wenn Sie zufrieden sind
Fügen Sie den Code ein
Fügen Sie den Code in das Stylesheet Ihres Projekts
ein Setzen Sie ein Lesezeichen für dieses Tool
Setzen Sie ein Lesezeichen für dieses Tool für zukünftige Designarbeiten
Häufig gestellte Fragen
Ist die Material Design-Farbpalette kostenlos?
Ja, die Material Design-Farbpalette ist 100 % kostenlos, ohne Einschränkungen, Anmeldung oder Anzeigen in den Ergebnissen.
Kann ich den generierten Code kommerziell nutzen?
Absolut. Der gesamte von Ihnen generierte CSS- und Designcode steht Ihnen zur Verwendung in jedem Projekt zur Verfügung.
Funktioniert die Material Design-Farbpalette auf Mobilgeräten?
Ja, das Tool reagiert vollständig, obwohl ein Desktop die beste Erfahrung für Designarbeiten bietet.
Tool Information
Related Tools You Might Like
Farbpalettengenerator aus Bild
Extrakt dominante Farben von einem Bild
RGB/HEX Konverter
Konvertieren zwischen RGB und HEX-Farbformaten
CSS Gradienten-Generator
Erstellen Sie benutzerdefinierte CSS Gradienten mit Vorschau
WCAG Kontrast Checker
Farbkontrast nach WCAG Standards überprüfen
Digitaler Signaturgenerator
Erstellen Sie stilisierte digitale Signaturen mit verschiedenen Schriftarten
Box Shadow Generator
Erstellen von CSS-Box-Schatten
Surfboard Volumenrechner
Berechnen Sie das perfekte Surfboard Volumen basierend auf Ihrem Gewicht, Erfahrungsniveau und Wellenbedingungen.
WWW-Konverter
Konvertieren Sie zwischen verschiedenen Wellenhöhenmessungen (Gesichtshöhe, hawaiianische Skala, Ozeanquellen).
Scuba Dive Planner
Planen Sie Ihren Tauchgang mit Tiefengrenzen, Tiefenzeiten und Sicherheitsdekompressionsanforderungen.