Loading...
Creato a 10/31/2021 08:48
  0.13k

Ux ui design app colours

  • #9044d8
  • #9e5ef0
  • #542c8c
  • #8c6bac
  • #9c9eca
  • #3c3c55
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati #9044d8 e #9e5ef0. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #3C3C55 (più scuro) a #9C9ECA (più chiaro). L’intervallo di luminosità è moderato.

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): #3C3C55, #542C8C, #8C6BAC, #9044D8, #9C9ECA, #9E5EF0

La tavolozza Ux ui design app colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #9044d8, RGB: (144, 68, 216); ESADECIMALE: #9e5ef0, RGB: (158, 94, 240); ESADECIMALE: #542c8c, RGB: (84, 44, 140)
ESADECIMALE: #8c6bac, RGB: (140, 107, 172); ESADECIMALE: #9c9eca, RGB: (156, 158, 202); ESADECIMALE: #3c3c55, RGB: (60, 60, 85)
Versione semplificata della tavolozza dei colori
Ombra di darkorchid, Tonalità di mediumpurple, Tonalità di darkslateblue, Tonalità di mediumpurple, Tonalità di lightsteelblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux ui design app colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#9044d8 #9044d8 RGB(144, 68, 216)
#9e5ef0 #9e5ef0 RGB(158, 94, 240)
#542c8c #542c8c RGB(84, 44, 140)
#8c6bac #8c6bac RGB(140, 107, 172)
#9c9eca #9c9eca RGB(156, 158, 202)
#3c3c55 #3c3c55 RGB(60, 60, 85)

Contrasto della palette di colori

7 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
#9044d8
#9e5ef0
1.32
#9044d8
#542c8c
1.89
#9044d8
#8c6bac
1.2
#9e5ef0
#8c6bac
1.1
#9e5ef0
#9c9eca
1.53
#542c8c
#3c3c55
1.07

Tavolozza immagini Ux ui design app colours png

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