Design system modules 4px systematic palette
- French Rose#ef4a88
- Heliotrope#d26ff7
- Green (Crayola)#21b77c
- Moonstone Blue#7aadbe
- Pastel Blue#a8d0cb
- Feldgrau#446858
Erstellt am 10/26/2022 09:33
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Heliotrope #d26ff7 und Green (Crayola) #21b77c. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #446858 (dunkelstes) bis #A8D0CB (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 1 gedämpfte und 3 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (5 von 6).
HEX-Codes (sortiert): #21B77C, #446858, #7AADBE, #A8D0CB, #D26FF7, #EF4A88
Die Palette Design system modules 4px systematic palette kombiniert 6 Farbcodes:
HEX: #ef4a88, RGB: (239, 74, 136); HEX: #d26ff7, RGB: (210, 111, 247); HEX: #21b77c, RGB: (33, 183, 124)
HEX: #7aadbe, RGB: (122, 173, 190); HEX: #a8d0cb, RGB: (168, 208, 203); HEX: #446858, RGB: (68, 104, 88)
Vereinfachte Version der Palettenfarben
Aufhellung von Tiefrosa, Aufhellung von Orchidee, Schattierung von Mittleres Seegrün, Schattierung von Himmelblau, Schattierung von Puderblau, Aufhellung von Dunkles Schiefergrau
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Design system modules 4px systematic palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #ef4a88 | #ef4a88 | RGB(239, 74, 136) | French Rose | — |
| #d26ff7 | #d26ff7 | RGB(210, 111, 247) | Heliotrope | — |
| #21b77c | #21b77c | RGB(33, 183, 124) | Green (Crayola) | — |
| #7aadbe | #7aadbe | RGB(122, 173, 190) | Moonstone Blue | — |
| #a8d0cb | #a8d0cb | RGB(168, 208, 203) | Pastel Blue | — |
| #446858 | #446858 | RGB(68, 104, 88) | Feldgrau | — |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#ef4a88 | #d26ff7 | 1.22 |
#ef4a88 | #21b77c | 1.35 |
#ef4a88 | #7aadbe | 1.42 |
#ef4a88 | #446858 | 1.78 |
#d26ff7 | #21b77c | 1.1 |
#d26ff7 | #7aadbe | 1.16 |
Bildpalette Design system modules 4px systematic palette png
Palette exportieren
Laden Sie die "Design system modules 4px systematic palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: