Loading...
Creato a 06/01/2025 08:15
  1

Warmbit Workspace UI

  • Primary UI Gold
    #fff4b4
  • Secondary Creamframe
    #fff9f1
  • Accent Label Pink
    #ffcddc
  • Accent Draft Mint
    #d3fff0
  • Background Page White
    #ffffff
  • Text Script Black
    #1f1f1f
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Secondary Creamframe #fff9f1 e Accent Draft Mint #d3fff0. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #1F1F1F (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).

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #1F1F1F, #D3FFF0, #FFCDDC, #FFF4B4, #FFF9F1, #FFFFFF

La tavolozza Warmbit Workspace UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff4b4, RGB: (255, 244, 180); ESADECIMALE: #fff9f1, RGB: (255, 249, 241); ESADECIMALE: #ffcddc, RGB: (255, 205, 220)
ESADECIMALE: #d3fff0, RGB: (211, 255, 240); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #1f1f1f, RGB: (31, 31, 31)
Versione semplificata della tavolozza dei colori
Ombra di palegoldenrod, Tonalità di floralwhite, Ombra di Rosa, Tonalità di lightcyan, Bianco, Ombra di Nero
La combinazione di colori è stata creata da colorhunt

Codici colori nella tavolozza

Warmbit Workspace UI codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#fff4b4 #fff4b4 RGB(255, 244, 180)Primary UI Gold
#fff9f1 #fff9f1 RGB(255, 249, 241)Secondary Creamframe
#ffcddc #ffcddc RGB(255, 205, 220)Accent Label Pink
#d3fff0 #d3fff0 RGB(211, 255, 240)Accent Draft Mint
#ffffff #ffffff RGB(255, 255, 255)Background Page WhiteWhite
#1f1f1f #1f1f1f RGB(31, 31, 31)Text Script BlackGray12

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
#fff4b4
#fff9f1
1.06
#fff4b4
#ffcddc
1.25
#fff4b4
#d3fff0
1.02
#fff4b4
#ffffff
1.11
#fff9f1
#ffcddc
1.33
#fff9f1
#d3fff0
1.03

Tavolozza immagini Warmbit Workspace UI png

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