Creato a 09/23/2021 10:26
  0.18k

Website ui building ux colors palette

  • #548cb8
  • #a0c4d4
  • #1b3d60
  • #5b7fac
  • #9494cc
  • #5c452c
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #1b3d60 e #5c452c. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #1B3D60 (più scuro) a #A0C4D4 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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): #1B3D60, #548CB8, #5B7FAC, #5C452C, #9494CC, #A0C4D4

La tavolozza Website ui building ux colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #548cb8, RGB: (84, 140, 184); ESADECIMALE: #a0c4d4, RGB: (160, 196, 212); ESADECIMALE: #1b3d60, RGB: (27, 61, 96)
ESADECIMALE: #5b7fac, RGB: (91, 127, 172); ESADECIMALE: #9494cc, RGB: (148, 148, 204); ESADECIMALE: #5c452c, RGB: (92, 69, 44)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Tonalità di lightblue, Tonalità di darkslateblue, Ombra di steelblue, Ombra di mediumpurple, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Website ui building ux colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#548cb8 #548cb8 RGB(84, 140, 184)
#a0c4d4 #a0c4d4 RGB(160, 196, 212)
#1b3d60 #1b3d60 RGB(27, 61, 96)
#5b7fac #5b7fac RGB(91, 127, 172)
#9494cc #9494cc RGB(148, 148, 204)
#5c452c #5c452c RGB(92, 69, 44)

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
#548cb8
#a0c4d4
1.94
#548cb8
#5b7fac
1.14
#548cb8
#9494cc
1.26
#a0c4d4
#9494cc
1.53
#1b3d60
#5c452c
1.24
#5b7fac
#9494cc
1.45

Tavolozza immagini Website ui building ux colors palette png

Loading...
Loading...