Creato a 08/02/2025 09:47
AI-Assisted Dashboard Interaction Kit
- Insight Blue#3e8ede
- UI Layer Lilac#bda5e3
- Warning Coral#ff7373
- Panel Grey#f0f0f0
- Dropdown Black#222222
- Notification Yellow#fff799
La tavolozza è composta da Leggero, Buio colori. Colori accentati Insight Blue #3e8ede e Notification Yellow #fff799. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #222222 (più scuro) a #F0F0F0 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #222222, #3E8EDE, #BDA5E3, #F0F0F0, #FF7373, #FFF799
La tavolozza AI-Assisted Dashboard Interaction Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #3e8ede, RGB: (62, 142, 222); ESADECIMALE: #bda5e3, RGB: (189, 165, 227); ESADECIMALE: #ff7373, RGB: (255, 115, 115)
ESADECIMALE: #f0f0f0, RGB: (240, 240, 240); ESADECIMALE: #222222, RGB: (34, 34, 34); ESADECIMALE: #fff799, RGB: (255, 247, 153)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di plum, Tonalità di lightcoral, Tonalità di whitesmoke, Ombra di Nero, Ombra di Cachi
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
AI-Assisted Dashboard Interaction Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3e8ede | #3e8ede | RGB(62, 142, 222) | Insight Blue | — |
| #bda5e3 | #bda5e3 | RGB(189, 165, 227) | UI Layer Lilac | — |
| #ff7373 | #ff7373 | RGB(255, 115, 115) | Warning Coral | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Panel Grey | Gray94 |
| #222222 | #222222 | RGB(34, 34, 34) | Dropdown Black | Black Out |
| #fff799 | #fff799 | RGB(255, 247, 153) | Notification Yellow | — |
Contrasto della palette di colori
6 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 |
#3e8ede | #bda5e3 | 1.57 |
#3e8ede | #ff7373 | 1.29 |
#bda5e3 | #ff7373 | 1.21 |
#bda5e3 | #f0f0f0 | 1.9 |
#bda5e3 | #fff799 | 1.96 |
#f0f0f0 | #fff799 | 1.03 |
Tavolozza immagini AI-Assisted Dashboard Interaction Kit png
Esporta tavolozza
Scarica la "AI-Assisted Dashboard Interaction Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: