Creato a 06/22/2025 07:01
Light Theme Productivity UI
- Focus Gold#f7b801
- Field Vanilla#fff8e7
- Toolbar Aqua#a0e7e5
- Card Charcoal#3c3c3c
- Menu Dust#f1f1f1
- Select Sky#ade8f4
La tavolozza è composta da Leggero colori. Colori accentati Field Vanilla #fff8e7 e Select Sky #ade8f4. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #3C3C3C (più scuro) a #FFF8E7 (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): #3C3C3C, #A0E7E5, #ADE8F4, #F1F1F1, #F7B801, #FFF8E7
La tavolozza Light Theme Productivity UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #f7b801, RGB: (247, 184, 1); ESADECIMALE: #fff8e7, RGB: (255, 248, 231); ESADECIMALE: #a0e7e5, RGB: (160, 231, 229)
ESADECIMALE: #3c3c3c, RGB: (60, 60, 60); ESADECIMALE: #f1f1f1, RGB: (241, 241, 241); ESADECIMALE: #ade8f4, RGB: (173, 232, 244)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di oldlace, Tonalità di paleturquoise, Tonalità di darkslategrey, Tonalità di whitesmoke, Ombra di powderblue
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Light Theme Productivity UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f7b801 | #f7b801 | RGB(247, 184, 1) | Focus Gold | — |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Field Vanilla | Cosmic Latte |
| #a0e7e5 | #a0e7e5 | RGB(160, 231, 229) | Toolbar Aqua | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Card Charcoal | — |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Menu Dust | — |
| #ade8f4 | #ade8f4 | RGB(173, 232, 244) | Select Sky | — |
Contrasto della palette di colori
10 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 |
#f7b801 | #fff8e7 | 1.67 |
#f7b801 | #a0e7e5 | 1.27 |
#f7b801 | #f1f1f1 | 1.57 |
#f7b801 | #ade8f4 | 1.32 |
#fff8e7 | #a0e7e5 | 1.31 |
#fff8e7 | #f1f1f1 | 1.06 |
Tavolozza immagini Light Theme Productivity UI png
Esporta tavolozza
Scarica la "Light Theme Productivity UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: