Loading...
Creato a 12/14/2022 11:01
  0.11k

Design clean ui interface ux colors

  • Picton Blue
    #3fa5f5
  • Middle Blue Green
    #84d4cc
  • Dark Cerulean
    #06497e
  • Taupe Gray
    #8c848c
  • Gray (X11)
    #bcbbbe
  • Gray
    #444444
Loading...
La tavolozza è composta da Leggero colori. Colori accentati Dark Cerulean #06497e e Gray #444444. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #06497E (più scuro) a #BCBBBE (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #06497E, #3FA5F5, #444444, #84D4CC, #8C848C, #BCBBBE

La tavolozza Design clean ui interface ux colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #3fa5f5, RGB: (63, 165, 245); ESADECIMALE: #84d4cc, RGB: (132, 212, 204); ESADECIMALE: #06497e, RGB: (6, 73, 126)
ESADECIMALE: #8c848c, RGB: (140, 132, 140); ESADECIMALE: #bcbbbe, RGB: (188, 187, 190); ESADECIMALE: #444444, RGB: (68, 68, 68)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di mediumturquoise, Tonalità di darkslateblue, Ombra di Grigio, Tonalità di Argento, Tonalità di dimgrey
La combinazione di colori è stata creata da colorslib

Codici colori nella tavolozza

Design clean ui interface ux colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3fa5f5 #3fa5f5 RGB(63, 165, 245)Picton Blue
#84d4cc #84d4cc RGB(132, 212, 204)Middle Blue Green
#06497e #06497e RGB(6, 73, 126)Dark Cerulean
#8c848c #8c848c RGB(140, 132, 140)Taupe Gray
#bcbbbe #bcbbbe RGB(188, 187, 190)Gray (X11)
#444444 #444444 RGB(68, 68, 68)GrayGoshawk Grey

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
#3fa5f5
#84d4cc
1.55
#3fa5f5
#8c848c
1.36
#3fa5f5
#bcbbbe
1.38
#84d4cc
#bcbbbe
1.11
#06497e
#444444
1.04
#8c848c
#bcbbbe
1.89

Tavolozza immagini Design clean ui interface ux colors png

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