Creato a 09/16/2021 21:25
  0.14k

User interface ui uiux design palette

  • #54c088
  • #a3e4c1
  • #161d3d
  • #90684c
  • #e0dcc5
  • #303851
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #a3e4c1 e #90684c. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #161D3D (più scuro) a #E0DCC5 (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): #161D3D, #303851, #54C088, #90684C, #A3E4C1, #E0DCC5

La tavolozza User interface ui uiux design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #54c088, RGB: (84, 192, 136); ESADECIMALE: #a3e4c1, RGB: (163, 228, 193); ESADECIMALE: #161d3d, RGB: (22, 29, 61)
ESADECIMALE: #90684c, RGB: (144, 104, 76); ESADECIMALE: #e0dcc5, RGB: (224, 220, 197); ESADECIMALE: #303851, RGB: (48, 56, 81)
Versione semplificata della tavolozza dei colori
Ombra di mediumseagreen, Tonalità di aquamarine, Tonalità di midnightblue, Ombra di sienna, Tonalità di beige, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

User interface ui uiux design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#54c088 #54c088 RGB(84, 192, 136)
#a3e4c1 #a3e4c1 RGB(163, 228, 193)
#161d3d #161d3d RGB(22, 29, 61)
#90684c #90684c RGB(144, 104, 76)
#e0dcc5 #e0dcc5 RGB(224, 220, 197)
#303851 #303851 RGB(48, 56, 81)

Contrasto della palette di colori

4 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
#54c088
#a3e4c1
1.55
#54c088
#e0dcc5
1.64
#a3e4c1
#e0dcc5
1.05
#161d3d
#303851
1.41

Tavolozza immagini User interface ui uiux design palette png

Loading...
Loading...