Creato a 04/08/2020 10:42
  0.26k

Ui design colours

  • #f4981f
  • #7e7efa
  • #04548c
  • #5c6db5
  • #9fa4c2
  • #486c57
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #f4981f e #04548c. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #04548C (più scuro) a #7E7EFA (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): #04548C, #486C57, #5C6DB5, #7E7EFA, #9FA4C2, #F4981F

La tavolozza Ui design colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #f4981f, RGB: (244, 152, 31); ESADECIMALE: #7e7efa, RGB: (126, 126, 250); ESADECIMALE: #04548c, RGB: (4, 84, 140)
ESADECIMALE: #5c6db5, RGB: (92, 109, 181); ESADECIMALE: #9fa4c2, RGB: (159, 164, 194); ESADECIMALE: #486c57, RGB: (72, 108, 87)
Versione semplificata della tavolozza dei colori
Tonalità di Arancia, Ombra di mediumslateblue, Tonalità di royalblue, Ombra di royalblue, Tonalità di lightsteelblue, Ombra di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui design colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f4981f #f4981f RGB(244, 152, 31)
#7e7efa #7e7efa RGB(126, 126, 250)
#04548c #04548c RGB(4, 84, 140)
#5c6db5 #5c6db5 RGB(92, 109, 181)
#9fa4c2 #9fa4c2 RGB(159, 164, 194)
#486c57 #486c57 RGB(72, 108, 87)

Contrasto della palette di colori

9 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
#f4981f
#7e7efa
1.49
#f4981f
#9fa4c2
1.09
#7e7efa
#5c6db5
1.45
#7e7efa
#9fa4c2
1.36
#7e7efa
#486c57
1.75
#04548c
#5c6db5
1.62

Tavolozza immagini Ui design colours png