1500+ fertige mobile React Native App-Screens

Partner

Plaster Fuchsia

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#FAFFFD
Fläche#F2F7F5
Vertieft#EDF2F0
Erhöht#E7ECEA
Haarlinie#E0E5E3
Tinte#0C1210
Gedämpft#5F6764
Blass#8B9390
Akzent#AF2BBF
Auf Akzent#FFFFFF
Auf Tinte#FAFFFD

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.

#A14EBF
#6C91BF
#4FA0A7
#2BA089

Gemessener Kontrast

Tinte
18.7:1
Gedämpft
5.8:1
Blass
3.1:1
Akzent
5.3:1
Auf Akzent
5.4:1