Creato a 11/04/2022 12:47
  98

Graphic design ui app colors palette

  • Sandy Brown
    #f89d5f
  • Jordy Blue
    #84c0fa
  • Blue-Magenta Violet
    #5c3c8c
  • Purple Mountain Majesty
    #9767a6
  • Pale Silver
    #ccb4c4
  • Jacarta
    #40345e
La tavolozza è composta da Leggero colori. Colori accentati Sandy Brown #f89d5f e Jordy Blue #84c0fa. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #40345E (più scuro) a #CCB4C4 (più chiaro). L’intervallo di luminosità è moderato.

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): #40345E, #5C3C8C, #84C0FA, #9767A6, #CCB4C4, #F89D5F

La tavolozza Graphic design ui app colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f89d5f, RGB: (248, 157, 95); ESADECIMALE: #84c0fa, RGB: (132, 192, 250); ESADECIMALE: #5c3c8c, RGB: (92, 60, 140)
ESADECIMALE: #9767a6, RGB: (151, 103, 166); ESADECIMALE: #ccb4c4, RGB: (204, 180, 196); ESADECIMALE: #40345e, RGB: (64, 52, 94)
Versione semplificata della tavolozza dei colori
Tonalità di sandybrown, Tonalità di lightskyblue, Ombra di darkslateblue, Tonalità di mediumorchid, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Graphic design ui app colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f89d5f #f89d5f RGB(248, 157, 95)Sandy Brown
#84c0fa #84c0fa RGB(132, 192, 250)Jordy Blue
#5c3c8c #5c3c8c RGB(92, 60, 140)Blue-Magenta Violet
#9767a6 #9767a6 RGB(151, 103, 166)Purple Mountain Majesty
#ccb4c4 #ccb4c4 RGB(204, 180, 196)Pale Silver
#40345e #40345e RGB(64, 52, 94)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
#f89d5f
#84c0fa
1.09
#f89d5f
#ccb4c4
1.09
#84c0fa
#ccb4c4
1
#5c3c8c
#9767a6
1.93
#5c3c8c
#40345e
1.32

Tavolozza immagini Graphic design ui app colors palette png