Loading...
Creato a 11/24/2021 17:56
  0.14k

Design website ux ui colors palette

  • #3a5197
  • #6c90b9
  • #251e55
  • #8e84b1
  • #a89ac2
  • #3c5672
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #3a5197 e #251e55. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #251E55 (più scuro) a #A89AC2 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #251E55, #3A5197, #3C5672, #6C90B9, #8E84B1, #A89AC2

La tavolozza Design website ux ui colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a5197, RGB: (58, 81, 151); ESADECIMALE: #6c90b9, RGB: (108, 144, 185); ESADECIMALE: #251e55, RGB: (37, 30, 85)
ESADECIMALE: #8e84b1, RGB: (142, 132, 177); ESADECIMALE: #a89ac2, RGB: (168, 154, 194); ESADECIMALE: #3c5672, RGB: (60, 86, 114)
Versione semplificata della tavolozza dei colori
Ombra di darkslateblue, Tonalità di cornflowerblue, Ombra di midnightblue, Ombra di mediumpurple, Tonalità di plum, Ombra di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design website ux ui colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3a5197 #3a5197 RGB(58, 81, 151)
#6c90b9 #6c90b9 RGB(108, 144, 185)
#251e55 #251e55 RGB(37, 30, 85)
#8e84b1 #8e84b1 RGB(142, 132, 177)
#a89ac2 #a89ac2 RGB(168, 154, 194)
#3c5672 #3c5672 RGB(60, 86, 114)

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
#3a5197
#3c5672
1.01
#6c90b9
#8e84b1
1.03
#6c90b9
#a89ac2
1.27
#251e55
#3c5672
1.98
#8e84b1
#a89ac2
1.32

Tavolozza immagini Design website ux ui colors palette png

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