Loading...
Creato a 03/30/2023 08:56
  71

Search filter design ux ui hex colors

  • B'dazzled Blue
    #32648e
  • Tan
    #d4a996
  • Dark Cerulean
    #1c4c72
  • Dark Chestnut
    #9c6f5c
  • Dark Vanilla
    #d5b8a8
  • Charcoal
    #34344c
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Tan #d4a996 e Dark Cerulean #1c4c72. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #34344C (più scuro) a #D5B8A8 (più chiaro). L’intervallo di luminosità è moderato.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #1C4C72, #32648E, #34344C, #9C6F5C, #D4A996, #D5B8A8

La tavolozza Search filter design ux ui hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #32648e, RGB: (50, 100, 142); ESADECIMALE: #d4a996, RGB: (212, 169, 150); ESADECIMALE: #1c4c72, RGB: (28, 76, 114)
ESADECIMALE: #9c6f5c, RGB: (156, 111, 92); ESADECIMALE: #d5b8a8, RGB: (213, 184, 168); ESADECIMALE: #34344c, RGB: (52, 52, 76)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di darksalmon, Tonalità di darkslateblue, Ombra di sienna, Ombra di tan, Tonalità di darkslateblue
La combinazione di colori è stata creata da raccoon

Codici colori nella tavolozza

Search filter design ux ui hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#32648e #32648e RGB(50, 100, 142)B'dazzled Blue
#d4a996 #d4a996 RGB(212, 169, 150)Tan
#1c4c72 #1c4c72 RGB(28, 76, 114)Dark Cerulean
#9c6f5c #9c6f5c RGB(156, 111, 92)Dark Chestnut
#d5b8a8 #d5b8a8 RGB(213, 184, 168)Dark Vanilla
#34344c #34344c RGB(52, 52, 76)Charcoal

Contrasto della palette di colori

5 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
#32648e
#1c4c72
1.43
#32648e
#9c6f5c
1.44
#32648e
#34344c
1.92
#d4a996
#d5b8a8
1.13
#1c4c72
#34344c
1.33

Tavolozza immagini Search filter design ux ui hex colors png

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