Loading...
Creato a 09/19/2022 08:50
  0.14k

Ux web ui palette

  • Liberty
    #4c5eb2
  • Pale Cornflower Blue
    #b2d4fc
  • Dark Cornflower Blue
    #2c3c7c
  • Philippine Gray
    #848c8c
  • Light Periwinkle
    #c1cbdb
  • Jet
    #343438
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Pale Cornflower Blue #b2d4fc e Dark Cornflower Blue #2c3c7c. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #343438 (più scuro) a #B2D4FC (più chiaro). L’intervallo di luminosità è ampio.

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): #2C3C7C, #343438, #4C5EB2, #848C8C, #B2D4FC, #C1CBDB

La tavolozza Ux web ui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #4c5eb2, RGB: (76, 94, 178); ESADECIMALE: #b2d4fc, RGB: (178, 212, 252); ESADECIMALE: #2c3c7c, RGB: (44, 60, 124)
ESADECIMALE: #848c8c, RGB: (132, 140, 140); ESADECIMALE: #c1cbdb, RGB: (193, 203, 219); ESADECIMALE: #343438, RGB: (52, 52, 56)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di lightsteelblue, Tonalità di darkslateblue, Ombra di Grigio, Ombra di lightsteelblue, Ombra di Nero
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux web ui palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#4c5eb2 #4c5eb2 RGB(76, 94, 178)Liberty
#b2d4fc #b2d4fc RGB(178, 212, 252)Pale Cornflower Blue
#2c3c7c #2c3c7c RGB(44, 60, 124)Dark Cornflower Blue
#848c8c #848c8c RGB(132, 140, 140)Philippine Gray
#c1cbdb #c1cbdb RGB(193, 203, 219)Light Periwinkle
#343438 #343438 RGB(52, 52, 56)Jet

Contrasto della palette di colori

4 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
#4c5eb2
#2c3c7c
1.73
#4c5eb2
#848c8c
1.72
#b2d4fc
#c1cbdb
1.06
#2c3c7c
#343438
1.2

Tavolozza immagini Ux web ui palette png

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