Loading...
Creato a 07/08/2021 17:13
  0.25k

Course app gradient mobile ux palette

  • #3b0bf8
  • #fc947c
  • #1d0380
  • #8c8c92
  • #cdc1c7
  • #423f50
Loading...
La tavolozza è composta da Buio, Leggero colori. Colori accentati #fc947c e #423f50. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #1D0380 (più scuro) a #CDC1C7 (più chiaro). L’intervallo di luminosità è moderato.

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

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1D0380, #3B0BF8, #423F50, #8C8C92, #CDC1C7, #FC947C

La tavolozza Course app gradient mobile ux palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #3b0bf8, RGB: (59, 11, 248); ESADECIMALE: #fc947c, RGB: (252, 148, 124); ESADECIMALE: #1d0380, RGB: (29, 3, 128)
ESADECIMALE: #8c8c92, RGB: (140, 140, 146); ESADECIMALE: #cdc1c7, RGB: (205, 193, 199); ESADECIMALE: #423f50, RGB: (66, 63, 80)
Versione semplificata della tavolozza dei colori
Ombra di Blu, Ombra di darksalmon, Ombra di Marina Militare, Ombra di Grigio, Ombra di Argento, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Course app gradient mobile ux palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3b0bf8 #3b0bf8 RGB(59, 11, 248)
#fc947c #fc947c RGB(252, 148, 124)
#1d0380 #1d0380 RGB(29, 3, 128)
#8c8c92 #8c8c92 RGB(140, 140, 146)
#cdc1c7 #cdc1c7 RGB(205, 193, 199)
#423f50 #423f50 RGB(66, 63, 80)

Contrasto della palette di colori

6 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
#3b0bf8
#1d0380
1.88
#3b0bf8
#423f50
1.25
#fc947c
#8c8c92
1.53
#fc947c
#cdc1c7
1.24
#1d0380
#423f50
1.49
#8c8c92
#cdc1c7
1.91

Tavolozza immagini Course app gradient mobile ux palette png

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