solid design system full
- #2563eb
- #1d4ed8
- White#ffffff
- Dr. White#f9fafb
- Sambucus#111827
- Encore#6b7280
- Blueberry Whip#d1d5db
- Liberty Green#16a34a
- Orange Outburst#d97706
- Whero Red#dc2626
1
Creato il 10/19/2026 18:41
La tavolozza è composta da Semi scuro, Chiaro, Scuro colori. Colori d'accento #2563eb e Orange Outburst #d97706. 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 — 4 smorzati e 5 vivaci su 10 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (4 su 10).
Codici HEX (ordinati): #111827, #16A34A, #1D4ED8, #2563EB, #6B7280, #D1D5DB, #D97706, #DC2626, #F9FAFB, #FFFFFF
La tavolozza solid design system full combina 10 codici colore:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #d1d5db, RGB: (209, 213, 219); HEX: #16a34a, RGB: (22, 163, 74); HEX: #d97706, RGB: (217, 119, 6)
HEX: #dc2626, RGB: (220, 38, 38)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu reale, Sfumatura di Blu ardesia, Bianco, Tinta di Fumo bianco, Tinta di Nero, Sfumatura di Grigio ardesia, Tinta di Grigio chiaro, Sfumatura di Verde mare medio, Sfumatura di Perù, Tinta di Cremisi
La combinazione di colori è stata creata da infouser
Codici colori nella tavolozza
solid design system full codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | — | — |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | — | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Dr. White | — |
| #111827 | #111827 | RGB(17, 24, 39) | Sambucus | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Encore | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Blueberry Whip | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Liberty Green | — |
| #d97706 | #d97706 | RGB(217, 119, 6) | Orange Outburst | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Whero Red | — |
Contrasto della palette di colori
16 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 | #16a34a | 1.56 |
#2563eb | #d97706 | 1.62 |
#2563eb | #dc2626 | 1.07 |
#1d4ed8 | #6b7280 | 1.38 |
Tavolozza immagini solid design system full png
Esporta tavolozza
Scarica la "solid design system full" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: