1500+ fertige mobile React Native App-Screens

Partner

Quartz 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#FEFDFA
Fläche#F7F6F3
Vertieft#F2F1EE
Erhöht#ECEBE8
Haarlinie#E5E4E1
Tinte#12100C
Gedämpft#66655F
Blass#92918A
Akzent#A041CF
Auf Akzent#FFFFFF
Auf Tinte#FEFDFA

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.

#3D0066
#5C0099
#C063F1
#BB8500

Gemessener Kontrast

Tinte
18.7:1
Gedämpft
5.8:1
Blass
3.1:1
Akzent
5.0:1
Auf Akzent
5.1:1