Creato a 07/02/2025 16:43
Data Visualization Storyboard UI
- Metric Lime#dce775
- Insight Blue#64b5f6
- Chart Amber#ffca28
- Axis Slate#546e7a
- Tooltip Smoke#f5f5f5
- Label Graphite#263238
La tavolozza è composta da Leggero, Buio colori. Colori accentati Insight Blue #64b5f6 e Chart Amber #ffca28. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #263238 (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #263238, #546E7A, #64B5F6, #DCE775, #F5F5F5, #FFCA28
La tavolozza Data Visualization Storyboard UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #dce775, RGB: (220, 231, 117); ESADECIMALE: #64b5f6, RGB: (100, 181, 246); ESADECIMALE: #ffca28, RGB: (255, 202, 40)
ESADECIMALE: #546e7a, RGB: (84, 110, 122); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #263238, RGB: (38, 50, 56)
Versione semplificata della tavolozza dei colori
Tonalità di Cachi, Ombra di deepskyblue, Tonalità di gold, Tonalità di slategrey, Tonalità di darkslategrey
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Data Visualization Storyboard UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #dce775 | #dce775 | RGB(220, 231, 117) | Metric Lime | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Insight Blue | — |
| #ffca28 | #ffca28 | RGB(255, 202, 40) | Chart Amber | — |
| #546e7a | #546e7a | RGB(84, 110, 122) | Axis Slate | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Tooltip Smoke | White Smoke |
| #263238 | #263238 | RGB(38, 50, 56) | Label Graphite | — |
Contrasto della palette di colori
5 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 |
#dce775 | #64b5f6 | 1.65 |
#dce775 | #ffca28 | 1.14 |
#dce775 | #f5f5f5 | 1.22 |
#64b5f6 | #ffca28 | 1.44 |
#ffca28 | #f5f5f5 | 1.4 |
Tavolozza immagini Data Visualization Storyboard UI png
Esporta tavolozza
Scarica la "Data Visualization Storyboard UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: