1500+ fertige mobile React Native App-Screens

Partner

Obsidian Fuchsia

Dieses System ist dunkel. Der Grund und seine Flächen sind ein Neutral in Helligkeitsstufen, damit die Seite nie zu einem Farbton in neun Helligkeiten wird, und der Akzent trägt echte Chroma, damit er etwas bedeuten kann, wenn er auftaucht.

Rollen

Grund#0C080A
Fläche#1B1619
Vertieft#211C1F
Erhöht#292327
Haarlinie#353033
Tinte#FFF8FC
Gedämpft#A7A1A5
Blass#7D777A
Akzent#B14FB2
Auf Akzent#FFFFFF
Auf Tinte#0C080A

Datenfarben

Übrig, nachdem die Rollen besetzt waren, und bei voller Chroma gehalten. Eine Diagrammreihe ist kein Chrom: Sie behält ihre eigene Farbe durch einen Themenwechsel, und das hier sind die vergebenen.

#8D4A80
#9B3774
#E07BE0
#DCCCFF

Gemessener Kontrast

Tinte
19.0:1
Gedämpft
7.8:1
Blass
4.5:1
Akzent
4.4:1
Auf Akzent
4.5:1