Loading...
Creato a 06/22/2025 07:01
  1

Light Theme Productivity UI

  • Focus Gold
    #f7b801
  • Field Vanilla
    #fff8e7
  • Toolbar Aqua
    #a0e7e5
  • Card Charcoal
    #3c3c3c
  • Menu Dust
    #f1f1f1
  • Select Sky
    #ade8f4
Loading...
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 VanillaCosmic 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

Loading...
Loading...
Loading...