Loading...
Creato a 02/07/2021 18:20
  0.23k

Uber parallax ui hero colors palette

  • #338acb
  • #b4d4ec
  • #1a4769
  • #747c8d
  • #a1c2cc
  • #445451
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #338acb e #1a4769. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #1A4769 (più scuro) a #B4D4EC (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): #1A4769, #338ACB, #445451, #747C8D, #A1C2CC, #B4D4EC

La tavolozza Uber parallax ui hero colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #338acb, RGB: (51, 138, 203); ESADECIMALE: #b4d4ec, RGB: (180, 212, 236); ESADECIMALE: #1a4769, RGB: (26, 71, 105)
ESADECIMALE: #747c8d, RGB: (116, 124, 141); ESADECIMALE: #a1c2cc, RGB: (161, 194, 204); ESADECIMALE: #445451, RGB: (68, 84, 81)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Ombra di lightsteelblue, Tonalità di darkslateblue, Tonalità di slategrey, Tonalità di lightblue, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Uber parallax ui hero colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#338acb #338acb RGB(51, 138, 203)
#b4d4ec #b4d4ec RGB(180, 212, 236)
#1a4769 #1a4769 RGB(26, 71, 105)
#747c8d #747c8d RGB(116, 124, 141)
#a1c2cc #a1c2cc RGB(161, 194, 204)
#445451 #445451 RGB(68, 84, 81)

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
#338acb
#747c8d
1.12
#338acb
#a1c2cc
1.96
#b4d4ec
#a1c2cc
1.22
#1a4769
#445451
1.22
#747c8d
#445451
1.9

Tavolozza immagini Uber parallax ui hero colors palette png

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