Creato a 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
La tavolozza è composta da Leggero, Buio colori. Colori accentati Container Cream #faf3dd e Position Peach #ffbcb3. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
La tavolozza App Shell Design System Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #4e9f3d, RGB: (78, 159, 61); ESADECIMALE: #faf3dd, RGB: (250, 243, 221); ESADECIMALE: #dbdbdb, RGB: (219, 219, 219)
ESADECIMALE: #9370db, RGB: (147, 112, 219); ESADECIMALE: #ffbcb3, RGB: (255, 188, 179); ESADECIMALE: #1b1b1b, RGB: (27, 27, 27)
Versione semplificata della tavolozza dei colori
Ombra di forestgreen, Tonalità di cornsilk, Tonalità di gainsboro, mediumpurple, Ombra di lightpink, Ombra di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
App Shell Design System Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #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 |
Contrasto della palette di colori
4 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#4e9f3d | #9370db | 1.13 |
#faf3dd | #dbdbdb | 1.24 |
#faf3dd | #ffbcb3 | 1.44 |
#dbdbdb | #ffbcb3 | 1.15 |
