Creato a 10/18/2022 07:46
  0.13k

Ui apm tags productdesign hex colors

  • Slate Blue
    #6354c0
  • Light Pastel Purple
    #a48ce2
  • Dark Brown
    #5d4c1c
  • Liberty
    #61509d
  • Lavender Purple
    #8e7cb6
  • Jacarta
    #3c2c54
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Light Pastel Purple #a48ce2 e Dark Brown #5d4c1c. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #5D4C1C (più scuro) a #A48CE2 (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): #3C2C54, #5D4C1C, #61509D, #6354C0, #8E7CB6, #A48CE2

La tavolozza Ui apm tags productdesign hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #6354c0, RGB: (99, 84, 192); ESADECIMALE: #a48ce2, RGB: (164, 140, 226); ESADECIMALE: #5d4c1c, RGB: (93, 76, 28)
ESADECIMALE: #61509d, RGB: (97, 80, 157); ESADECIMALE: #8e7cb6, RGB: (142, 124, 182); ESADECIMALE: #3c2c54, RGB: (60, 44, 84)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di mediumpurple, Tonalità di darkolivegreen, Ombra di darkslateblue, Ombra di mediumpurple, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui apm tags productdesign hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#6354c0 #6354c0 RGB(99, 84, 192)Slate Blue
#a48ce2 #a48ce2 RGB(164, 140, 226)Light Pastel Purple
#5d4c1c #5d4c1c RGB(93, 76, 28)Dark Brown
#61509d #61509d RGB(97, 80, 157)Liberty
#8e7cb6 #8e7cb6 RGB(142, 124, 182)Lavender Purple
#3c2c54 #3c2c54 RGB(60, 44, 84)Jacarta

Contrasto della palette di colori

8 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
#6354c0
#5d4c1c
1.41
#6354c0
#61509d
1.13
#6354c0
#8e7cb6
1.6
#a48ce2
#8e7cb6
1.3
#5d4c1c
#61509d
1.24
#5d4c1c
#3c2c54
1.49

Tavolozza immagini Ui apm tags productdesign hex colors png

Loading...
Loading...