Creato a 08/23/2025 07:31
Mobile Dashboard Web Component Matrix
- Interface White#ffffff
- Adaptive Aqua#00bcd4
- Sidebar Slate#263238
- Button Coral#ff6f61
- System Orange#ff9800
- Accent Violet#9c27b0
La tavolozza è composta da Leggero, Buio colori. Colori accentati Adaptive Aqua #00bcd4 e System Orange #ff9800. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #263238 (più scuro) a #FFFFFF (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00BCD4, #263238, #9C27B0, #FF6F61, #FF9800, #FFFFFF
La tavolozza Mobile Dashboard Web Component Matrix ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #00bcd4, RGB: (0, 188, 212); ESADECIMALE: #263238, RGB: (38, 50, 56)
ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #ff9800, RGB: (255, 152, 0); ESADECIMALE: #9c27b0, RGB: (156, 39, 176)
Versione semplificata della tavolozza dei colori
Bianco, Tonalità di darkturquoise, Tonalità di darkslategrey, Tonalità di salmon, Ombra di darkorange, Tonalità di darkorchid
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Mobile Dashboard Web Component Matrix codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffffff | #ffffff | RGB(255, 255, 255) | Interface White | White |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Adaptive Aqua | — |
| #263238 | #263238 | RGB(38, 50, 56) | Sidebar Slate | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Button Coral | Living Coral |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | System Orange | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Accent Violet | — |
Contrasto della palette di colori
3 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 |
#00bcd4 | #ff6f61 | 1.18 |
#00bcd4 | #ff9800 | 1.06 |
#ff6f61 | #ff9800 | 1.26 |
Tavolozza immagini Mobile Dashboard Web Component Matrix png
Esporta tavolozza
Scarica la "Mobile Dashboard Web Component Matrix" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: