Creato a 06/30/2025 17:18
SaaS Dashboard Design Tokens
- Metric Teal#00bfa6
- KPI Ivory#fdfdfd
- Chart Coral#ff6b6b
- Insight Smoke#d3d3d3
- Data Violet#7f00ff
- Sidebar Ink#2e2e2e
La tavolozza è composta da Leggero, Buio colori. Colori accentati Metric Teal #00bfa6 e Chart Coral #ff6b6b. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #FDFDFD (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): #00BFA6, #2E2E2E, #7F00FF, #D3D3D3, #FDFDFD, #FF6B6B
La tavolozza SaaS Dashboard Design Tokens ha una combinazione di colori dei codici 6:
ESADECIMALE: #00bfa6, RGB: (0, 191, 166); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107)
ESADECIMALE: #d3d3d3, RGB: (211, 211, 211); ESADECIMALE: #7f00ff, RGB: (127, 0, 255); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46)
Versione semplificata della tavolozza dei colori
Tonalità di lightseagreen, Tonalità di Bianco, Tonalità di salmon, Tonalità di blueviolet, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
SaaS Dashboard Design Tokens codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Metric Teal | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | KPI Ivory | Brilliance |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Chart Coral | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Insight Smoke | Pinball |
| #7f00ff | #7f00ff | RGB(127, 0, 255) | Data Violet | Violent Violet |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Sidebar Ink | Carbon Fiber |
Contrasto della palette di colori
4 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 |
#00bfa6 | #ff6b6b | 1.18 |
#00bfa6 | #d3d3d3 | 1.55 |
#fdfdfd | #d3d3d3 | 1.47 |
#ff6b6b | #d3d3d3 | 1.85 |
Tavolozza immagini SaaS Dashboard Design Tokens png
Esporta tavolozza
Scarica la "SaaS Dashboard Design Tokens" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: