Loading...
Creato a 06/07/2021 19:38
  0.23k

Typography design ui app colours

  • #d39250
  • #b4bce0
  • #3e254d
  • #9a684e
  • #a8a8cc
  • #4c2c4c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #d39250 e #b4bce0. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #3E254D (più scuro) a #B4BCE0 (più chiaro). L’intervallo di luminosità è ampio.

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): #3E254D, #4C2C4C, #9A684E, #A8A8CC, #B4BCE0, #D39250

La tavolozza Typography design ui app colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #d39250, RGB: (211, 146, 80); ESADECIMALE: #b4bce0, RGB: (180, 188, 224); ESADECIMALE: #3e254d, RGB: (62, 37, 77)
ESADECIMALE: #9a684e, RGB: (154, 104, 78); ESADECIMALE: #a8a8cc, RGB: (168, 168, 204); ESADECIMALE: #4c2c4c, RGB: (76, 44, 76)
Versione semplificata della tavolozza dei colori
Ombra di peru, Tonalità di lightsteelblue, Ombra di midnightblue, Ombra di sienna, Tonalità di lightsteelblue, Ombra di Viola
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Typography design ui app colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#d39250 #d39250 RGB(211, 146, 80)
#b4bce0 #b4bce0 RGB(180, 188, 224)
#3e254d #3e254d RGB(62, 37, 77)
#9a684e #9a684e RGB(154, 104, 78)
#a8a8cc #a8a8cc RGB(168, 168, 204)
#4c2c4c #4c2c4c RGB(76, 44, 76)

Contrasto della palette di colori

5 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
#d39250
#b4bce0
1.4
#d39250
#9a684e
1.79
#d39250
#a8a8cc
1.14
#b4bce0
#a8a8cc
1.22
#3e254d
#4c2c4c
1.12

Tavolozza immagini Typography design ui app colours png

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