Creato a 06/26/2025 08:38
Modular Web Component Grid
Frame Cream
#fef9c3
Slot Graphite
#0f172a
Import Rose
#f43f5e
Bundle Lavender
#c4b5fd
Token Beige
#f5f5f4
Map Mint
#4ade80
La tavolozza è composta da Leggero, Buio colori. Colori accentati Frame Cream #fef9c3 e Bundle Lavender #c4b5fd. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza Modular Web Component Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #fef9c3, RGB: (254, 249, 195); ESADECIMALE: #0f172a, RGB: (15, 23, 42); ESADECIMALE: #f43f5e, RGB: (244, 63, 94)
ESADECIMALE: #c4b5fd, RGB: (196, 181, 253); ESADECIMALE: #f5f5f4, RGB: (245, 245, 244); ESADECIMALE: #4ade80, RGB: (74, 222, 128)
Versione semplificata della tavolozza dei colori
Tonalità di lemonchiffon, Ombra di Nero, Tonalità di indianred, Ombra di lightsteelblue, Tonalità di whitesmoke, Ombra di mediumspringgreen
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Modular Web Component Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Frame Cream | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Slot Graphite | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Import Rose | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Bundle Lavender | — |
| #f5f5f4 | #f5f5f4 | RGB(245, 245, 244) | Token Beige | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Map Mint | — |
Contrasto della palette di colori
7 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 |
#fef9c3 | #c4b5fd | 1.71 |
#fef9c3 | #f5f5f4 | 1.01 |
#fef9c3 | #4ade80 | 1.62 |
#f43f5e | #c4b5fd | 1.98 |
#c4b5fd | #f5f5f4 | 1.69 |
#c4b5fd | #4ade80 | 1.05 |
