Loading...
Creato a 08/04/2021 16:02
  0.21k

Articles blog cards ux colours

  • #f50852
  • #9791e4
  • #0ab684
  • #b07a52
  • #a1c6d4
  • #2e3e52
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #f50852 e #0ab684. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #2E3E52 (più scuro) a #9791E4 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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): #0AB684, #2E3E52, #9791E4, #A1C6D4, #B07A52, #F50852

La tavolozza Articles blog cards ux colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #f50852, RGB: (245, 8, 82); ESADECIMALE: #9791e4, RGB: (151, 145, 228); ESADECIMALE: #0ab684, RGB: (10, 182, 132)
ESADECIMALE: #b07a52, RGB: (176, 122, 82); ESADECIMALE: #a1c6d4, RGB: (161, 198, 212); ESADECIMALE: #2e3e52, RGB: (46, 62, 82)
Versione semplificata della tavolozza dei colori
Ombra di crimson, Ombra di mediumpurple, Tonalità di mediumseagreen, Tonalità di peru, Tonalità di lightblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Articles blog cards ux colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f50852 #f50852 RGB(245, 8, 82)
#9791e4 #9791e4 RGB(151, 145, 228)
#0ab684 #0ab684 RGB(10, 182, 132)
#b07a52 #b07a52 RGB(176, 122, 82)
#a1c6d4 #a1c6d4 RGB(161, 198, 212)
#2e3e52 #2e3e52 RGB(46, 62, 82)

Contrasto della palette di colori

8 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
#f50852
#9791e4
1.48
#f50852
#0ab684
1.59
#f50852
#b07a52
1.14
#9791e4
#0ab684
1.07
#9791e4
#b07a52
1.3
#9791e4
#a1c6d4
1.54

Tavolozza immagini Articles blog cards ux colours png

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