Creato a 03/09/2021 11:59
  0.35k

Snackbar lays shopping ui colours

  • #ba6040
  • #669feb
  • #1c2c44
  • #746f71
  • #adc7c3
  • #34243c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #ba6040 e #669feb. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #1C2C44 (più scuro) a #ADC7C3 (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1C2C44, #34243C, #669FEB, #746F71, #ADC7C3, #BA6040

La tavolozza Snackbar lays shopping ui colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #ba6040, RGB: (186, 96, 64); ESADECIMALE: #669feb, RGB: (102, 159, 235); ESADECIMALE: #1c2c44, RGB: (28, 44, 68)
ESADECIMALE: #746f71, RGB: (116, 111, 113); ESADECIMALE: #adc7c3, RGB: (173, 199, 195); ESADECIMALE: #34243c, RGB: (52, 36, 60)
Versione semplificata della tavolozza dei colori
Ombra di sienna, Ombra di cornflowerblue, Ombra di midnightblue, Ombra di dimgrey, Tonalità di powderblue, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Snackbar lays shopping ui colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ba6040 #ba6040 RGB(186, 96, 64)
#669feb #669feb RGB(102, 159, 235)
#1c2c44 #1c2c44 RGB(28, 44, 68)
#746f71 #746f71 RGB(116, 111, 113)
#adc7c3 #adc7c3 RGB(173, 199, 195)
#34243c #34243c RGB(52, 36, 60)

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
#ba6040
#669feb
1.59
#ba6040
#746f71
1.13
#669feb
#746f71
1.81
#669feb
#adc7c3
1.51
#1c2c44
#34243c
1.02

Tavolozza immagini Snackbar lays shopping ui colours png

Loading...
Loading...