Hergestellt in 07/28/2025 11:32
App Shell Design System Grid
Shell Blue
#4e9f3d
Container Cream
#faf3dd
Flex Gray
#dbdbdb
Block Indigo
#9370db
Position Peach
#ffbcb3
Shadow Black
#1b1b1b
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Container Cream #faf3dd und Position Peach #ffbcb3. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Die Palette App Shell Design System Grid enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #4e9f3d, RGB: (78, 159, 61); VERHEXEN: #faf3dd, RGB: (250, 243, 221); VERHEXEN: #dbdbdb, RGB: (219, 219, 219)
VERHEXEN: #9370db, RGB: (147, 112, 219); VERHEXEN: #ffbcb3, RGB: (255, 188, 179); VERHEXEN: #1b1b1b, RGB: (27, 27, 27)
Vereinfachte Version der Palettenfarben
Schatten von forestgreen, Farbton von cornsilk, Farbton von gainsboro, mediumpurple, Schatten von lightpink, Schatten von Schwarz
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
App Shell Design System Grid Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #4e9f3d | #4e9f3d | RGB(78, 159, 61) | Shell Blue | — |
| #faf3dd | #faf3dd | RGB(250, 243, 221) | Container Cream | Vanilla Powder |
| #dbdbdb | #dbdbdb | RGB(219, 219, 219) | Flex Gray | Gray86 |
| #9370db | #9370db | RGB(147, 112, 219) | Block Indigo | Matt Purple |
| #ffbcb3 | #ffbcb3 | RGB(255, 188, 179) | Position Peach | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Shadow Black | Eerie Black |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#4e9f3d | #9370db | 1.13 |
#faf3dd | #dbdbdb | 1.24 |
#faf3dd | #ffbcb3 | 1.44 |
#dbdbdb | #ffbcb3 | 1.15 |
