1500+ fertige mobile React Native App-Screens

Partner

Paper Rose

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#FFFCFD
Fläche#F9F4F5
Vertieft#F5F0F1
Erhöht#EFEAEB
Haarlinie#E7E2E3
Tinte#140F10
Gedämpft#6A6264
Blass#968E90
Akzent#DA008C
Auf Akzent#FFFFFF
Auf Tinte#FFFCFD

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.

#642CA9
#FF36AB
#E45CBC
#BC7A9E

Gemessener Kontrast

Tinte
18.6:1
Gedämpft
5.8:1
Blass
3.1:1
Akzent
4.7:1
Auf Akzent
4.8:1