1500+ fertige mobile React Native App-Screens

Partner

Paper Violet

Dieses System ist hell. 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#FDFDFF
Fläche#F5F5F8
Vertieft#F1F1F4
Erhöht#EBEBEE
Haarlinie#E3E3E6
Tinte#101014
Gedämpft#64646A
Blass#909096
Akzent#7662DC
Auf Akzent#FFFFFF
Auf Tinte#FDFDFF

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.

#9381FF
#8A89CD
#AD8971

Gemessener Kontrast

Tinte
18.7:1
Gedämpft
5.8:1
Blass
3.1:1
Akzent
4.5:1
Auf Akzent
4.6:1