solid design system
- #2563eb
- #1d4ed8
- White#ffffff
- Sambucus#111827
- Encore#6b7280
- Blueberry Whip#d1d5db
- Whero Red#dc2626
Creato il 10/19/2026 18:41
La tavolozza è composta da Semi scuro, Chiaro, Scuro colori. Colori d'accento #2563eb e Whero Red #dc2626. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #111827 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 3 vivaci su 7 colori.
Una palette varia: le sue tonalità si distribuiscono su circa 144° della ruota dei colori.
Complessivamente la temperatura tende al freddo (3 su 7).
Codici HEX (ordinati): #111827, #1D4ED8, #2563EB, #6B7280, #D1D5DB, #DC2626, #FFFFFF
La tavolozza solid design system combina 7 codici colore:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #111827, RGB: (17, 24, 39); HEX: #6b7280, RGB: (107, 114, 128); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #dc2626, RGB: (220, 38, 38)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu reale, Sfumatura di Blu ardesia, Bianco, Tinta di Nero, Sfumatura di Grigio ardesia, Tinta di Grigio chiaro, Tinta di Cremisi
La combinazione di colori è stata creata da infouser
Codici colori nella tavolozza
solid design system codici colore HEX, informazioni RGB in tabella
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 |
|---|---|---|
#2563eb | #1d4ed8 | 1.29 |
#2563eb | #6b7280 | 1.06 |
#2563eb | #dc2626 | 1.07 |
#1d4ed8 | #6b7280 | 1.38 |
#1d4ed8 | #dc2626 | 1.38 |
#ffffff | #d1d5db | 1.47 |
Tavolozza immagini solid design system png
Esporta tavolozza
Scarica la "solid design system" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: