Creato a 05/21/2021 13:42
  0.23k

Period design dark ui mobile colours

  • #f46c3c
  • #ec9c84
  • #b41c70
  • #ac7058
  • #dfc7d2
  • #5c3a53
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #f46c3c e #ec9c84. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #5C3A53 (più scuro) a #DFC7D2 (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 caldo.

Codici HEX (ordinati): #5C3A53, #AC7058, #B41C70, #DFC7D2, #EC9C84, #F46C3C

La tavolozza Period design dark ui mobile colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #f46c3c, RGB: (244, 108, 60); ESADECIMALE: #ec9c84, RGB: (236, 156, 132); ESADECIMALE: #b41c70, RGB: (180, 28, 112)
ESADECIMALE: #ac7058, RGB: (172, 112, 88); ESADECIMALE: #dfc7d2, RGB: (223, 199, 210); ESADECIMALE: #5c3a53, RGB: (92, 58, 83)
Versione semplificata della tavolozza dei colori
Tonalità di coral, Ombra di darksalmon, Tonalità di mediumvioletred, Ombra di sienna, Ombra di thistle, Ombra di Viola
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Period design dark ui mobile colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f46c3c #f46c3c RGB(244, 108, 60)
#ec9c84 #ec9c84 RGB(236, 156, 132)
#b41c70 #b41c70 RGB(180, 28, 112)
#ac7058 #ac7058 RGB(172, 112, 88)
#dfc7d2 #dfc7d2 RGB(223, 199, 210)
#5c3a53 #5c3a53 RGB(92, 58, 83)

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
#f46c3c
#ec9c84
1.36
#f46c3c
#ac7058
1.35
#f46c3c
#dfc7d2
1.87
#ec9c84
#ac7058
1.85
#ec9c84
#dfc7d2
1.37
#b41c70
#ac7058
1.56

Tavolozza immagini Period design dark ui mobile colours png

Loading...
Loading...