Loading...
Creato a 11/08/2022 10:32
  0.1k

Ui ux uidesign branding palette

  • Iris
    #5f44ca
  • Light Pastel Purple
    #b4a6de
  • Smoky Black
    #0c1404
  • Glaucous
    #7484bc
  • Lavender Gray
    #ccc3d7
  • Jacarta
    #302c54
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Iris #5f44ca e Smoky Black #0c1404. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #0C1404 (più scuro) a #CCC3D7 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

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): #0C1404, #302C54, #5F44CA, #7484BC, #B4A6DE, #CCC3D7

La tavolozza Ui ux uidesign branding palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #5f44ca, RGB: (95, 68, 202); ESADECIMALE: #b4a6de, RGB: (180, 166, 222); ESADECIMALE: #0c1404, RGB: (12, 20, 4)
ESADECIMALE: #7484bc, RGB: (116, 132, 188); ESADECIMALE: #ccc3d7, RGB: (204, 195, 215); ESADECIMALE: #302c54, RGB: (48, 44, 84)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Tonalità di plum, Ombra di Nero, Tonalità di cornflowerblue, Tonalità di thistle, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui ux uidesign branding palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5f44ca #5f44ca RGB(95, 68, 202)Iris
#b4a6de #b4a6de RGB(180, 166, 222)Light Pastel Purple
#0c1404 #0c1404 RGB(12, 20, 4)Smoky Black
#7484bc #7484bc RGB(116, 132, 188)Glaucous
#ccc3d7 #ccc3d7 RGB(204, 195, 215)Lavender Gray
#302c54 #302c54 RGB(48, 44, 84)Jacarta

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
#5f44ca
#7484bc
1.82
#5f44ca
#302c54
1.96
#b4a6de
#7484bc
1.63
#b4a6de
#ccc3d7
1.3
#0c1404
#302c54
1.44

Tavolozza immagini Ui ux uidesign branding palette png

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