Creato a 06/28/2025 20:42
Modern CMS UI Layout Kit
Content Indigo
#6366f1
Editor Cream
#fff7ed
Block Mint
#22c55e
Toolbar Slate
#64748b
Image Coral
#fb7185
Meta Fog
#e5e7eb
Publish Jet
#1f2937
La tavolozza è composta da Leggero, Buio colori. Colori accentati Content Indigo #6366f1 e Editor Cream #fff7ed. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Modern CMS UI Layout Kit ha una combinazione di colori dei codici 7:
ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #fff7ed, RGB: (255, 247, 237); ESADECIMALE: #22c55e, RGB: (34, 197, 94)
ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #fb7185, RGB: (251, 113, 133); ESADECIMALE: #e5e7eb, RGB: (229, 231, 235)
ESADECIMALE: #1f2937, RGB: (31, 41, 55)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di floralwhite, Tonalità di limegreen, Tonalità di slategrey, Tonalità di lightcoral, Ombra di gainsboro, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Modern CMS UI Layout Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Content Indigo | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Editor Cream | Fatback |
| #22c55e | #22c55e | RGB(34, 197, 94) | Block Mint | — |
| #64748b | #64748b | RGB(100, 116, 139) | Toolbar Slate | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Image Coral | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Meta Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Publish Jet | — |
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 |
#6366f1 | #22c55e | 1.96 |
#6366f1 | #64748b | 1.06 |
#6366f1 | #fb7185 | 1.65 |
#fff7ed | #e5e7eb | 1.16 |
#22c55e | #fb7185 | 1.18 |
#22c55e | #e5e7eb | 1.84 |
