Loading...
Creato a 08/12/2020 19:17
  0.19k

Design ux app ui

  • #3484f3
  • #87b5ed
  • #246cb4
  • #9b605d
  • #d3c1a8
  • #3a4b61
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #3484f3 e #d3c1a8. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #3A4B61 (più scuro) a #D3C1A8 (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): #246CB4, #3484F3, #3A4B61, #87B5ED, #9B605D, #D3C1A8

La tavolozza Design ux app ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #3484f3, RGB: (52, 132, 243); ESADECIMALE: #87b5ed, RGB: (135, 181, 237); ESADECIMALE: #246cb4, RGB: (36, 108, 180)
ESADECIMALE: #9b605d, RGB: (155, 96, 93); ESADECIMALE: #d3c1a8, RGB: (211, 193, 168); ESADECIMALE: #3a4b61, RGB: (58, 75, 97)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Ombra di cornflowerblue, Tonalità di steelblue, Tonalità di indianred, Ombra di tan, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design ux app ui codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3484f3 #3484f3 RGB(52, 132, 243)
#87b5ed #87b5ed RGB(135, 181, 237)
#246cb4 #246cb4 RGB(36, 108, 180)
#9b605d #9b605d RGB(155, 96, 93)
#d3c1a8 #d3c1a8 RGB(211, 193, 168)
#3a4b61 #3a4b61 RGB(58, 75, 97)Master

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
#3484f3
#87b5ed
1.71
#3484f3
#246cb4
1.47
#3484f3
#9b605d
1.35
#87b5ed
#d3c1a8
1.21
#246cb4
#9b605d
1.08
#246cb4
#3a4b61
1.64

Tavolozza immagini Design ux app ui png

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