Was sind die dunklen Designfarben von Material Design?

Lesezeit: 1 Minute

Benutzeravatar von REJH
REJH

Ich suche nach der Farbpalette, die vom dunklen Thema von Material Design verwendet wird, wie auf dieser Seite zu finden:
http://developer.android.com/training/material/theme.html

Irgendwelche Ideen? Ich habe mal kurz gegoogelt und nichts darüber gefunden. Ich suche nach Layouthintergrund, Schubladenhintergrund, Appbar-Farbe usw.

Benutzeravatar von Suragch
Suragch

Aktualisieren: Die folgende Antwort enthält einen Link zu einem Archiv der Materialdokumente. Probier das aus aktuelle Dokumente für die aktuellsten Informationen.

Scrollen Sie zum Ende der Farbdokumente um die dunklen Themenfarben zu sehen.

Geben Sie hier die Bildbeschreibung ein

Hier ist die Textfarbe aus denselben Dokumenten:

Geben Sie hier die Bildbeschreibung ein

Siehe diesen Link, um diese Prozentwerte in Hex umzuwandeln.

Benutzeravatar von Mahozad
Mahozad

Dies ist die neueste Version von Farben:

Diese Seite auf der offiziellen Materialdesign-Website ist dem dunklen Thema (einschließlich seiner Farben) gewidmet. Hier die Farben:

Dunkle Themenfarben

Das Bild unten vergleicht helle und dunkle Themenfarben (helle Farben auf der linken Seite, dunkle Farben auf der rechten Seite):

Helle und dunkle Themenfarben

Bildnachweis: offizielle Materialdesign-Website

Hier finden Sie weitere Informationen zum gleichen Thema. Laut dem Abschnitt „Eigenschaften“ auf der Seite „Dunkles Design“ von material.iodie Grundfarbe ist #121212, aber wenn Sie ein Element über einem anderen platzieren möchten, verwenden Sie eine weiße Ebene mit Transparenz, um eine hellere Version dieses Graus zu erzeugen. Und das teilen sie:

JUeJD

Das Problem dabei ist, dass das vom Design her großartig ist, aber es macht unsere Arbeit als Entwickler nicht so einfach. Also habe ich den Fotoeditor bekommen und diese Richtlinien auf Hexadezimalfarben abgebildet. Und hier ist es!

| elevation | overlay |   hex   |
| --------- | ------- | ------- |
|   00dp    |    0%   | #121212 |
|   01dp    |    5%   | #1e1e1e |
|   02dp    |    7%   | #222222 |
|   03dp    |    8%   | #242424 |
|   04dp    |    9%   | #272727 |
|   06dp    |   11%   | #2c2c2c |
|   08dp    |   12%   | #2e2e2e |
|   12dp    |   14%   | #333333 |
|   16dp    |   15%   | #343434 |
|   24dp    |   16%   | #383838 |

1431840cookie-checkWas sind die dunklen Designfarben von Material Design?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy