Loading...
Creato a 04/10/2023 11:43
  59

Ux design popup figma minimal colors palette

  • Silver Lake Blue
    #5b80cc
  • Light Cobalt Blue
    #91aada
  • Indigo (Rainbow)
    #1f3665
  • Beaver
    #9a7e6d
  • Dark Vanilla
    #c8bda7
  • Dark Lava
    #4c3c34
Loading...
La tavolozza è composta da Leggero colori. Colori accentati Indigo (Rainbow) #1f3665 e Dark Vanilla #c8bda7. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #4C3C34 (più scuro) a #C8BDA7 (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): #1F3665, #4C3C34, #5B80CC, #91AADA, #9A7E6D, #C8BDA7

La tavolozza Ux design popup figma minimal colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #5b80cc, RGB: (91, 128, 204); ESADECIMALE: #91aada, RGB: (145, 170, 218); ESADECIMALE: #1f3665, RGB: (31, 54, 101)
ESADECIMALE: #9a7e6d, RGB: (154, 126, 109); ESADECIMALE: #c8bda7, RGB: (200, 189, 167); ESADECIMALE: #4c3c34, RGB: (76, 60, 52)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Ombra di cornflowerblue, Tonalità di darkslateblue, Ombra di Grigio, Ombra di tan, Tonalità di dimgrey
La combinazione di colori è stata creata da colorhunt

Codici colori nella tavolozza

Ux design popup figma minimal colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5b80cc #5b80cc RGB(91, 128, 204)Silver Lake Blue
#91aada #91aada RGB(145, 170, 218)Light Cobalt Blue
#1f3665 #1f3665 RGB(31, 54, 101)Indigo (Rainbow)
#9a7e6d #9a7e6d RGB(154, 126, 109)Beaver
#c8bda7 #c8bda7 RGB(200, 189, 167)Dark Vanilla
#4c3c34 #4c3c34 RGB(76, 60, 52)Dark Lava

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
#5b80cc
#91aada
1.65
#5b80cc
#9a7e6d
1.03
#91aada
#9a7e6d
1.6
#91aada
#c8bda7
1.25
#1f3665
#4c3c34
1.12

Tavolozza immagini Ux design popup figma minimal colors palette png

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