Loading...
Creato a 06/22/2021 20:11
  0.12k

Ui design figma ux colors

  • #ebb422
  • #dfa2f7
  • #67111c
  • #719a5a
  • #a0c7d1
  • #3c543a
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #ebb422 e #dfa2f7. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #67111C (più scuro) a #DFA2F7 (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 caldo.

Codici HEX (ordinati): #3C543A, #67111C, #719A5A, #A0C7D1, #DFA2F7, #EBB422

La tavolozza Ui design figma ux colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #ebb422, RGB: (235, 180, 34); ESADECIMALE: #dfa2f7, RGB: (223, 162, 247); ESADECIMALE: #67111c, RGB: (103, 17, 28)
ESADECIMALE: #719a5a, RGB: (113, 154, 90); ESADECIMALE: #a0c7d1, RGB: (160, 199, 209); ESADECIMALE: #3c543a, RGB: (60, 84, 58)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di plum, Ombra di Marrone, Ombra di olivedrab, Tonalità di lightblue, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui design figma ux colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ebb422 #ebb422 RGB(235, 180, 34)
#dfa2f7 #dfa2f7 RGB(223, 162, 247)
#67111c #67111c RGB(103, 17, 28)
#719a5a #719a5a RGB(113, 154, 90)
#a0c7d1 #a0c7d1 RGB(160, 199, 209)
#3c543a #3c543a RGB(60, 84, 58)

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
#ebb422
#dfa2f7
1.04
#ebb422
#719a5a
1.71
#ebb422
#a0c7d1
1.04
#dfa2f7
#719a5a
1.64
#dfa2f7
#a0c7d1
1.08
#67111c
#3c543a
1.5

Tavolozza immagini Ui design figma ux colors png

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