Loading...
Creato a 01/21/2021 00:20
  0.27k

Adobe figma design ui palette

  • #dc6d6d
  • #b494fb
  • #0c0c04
  • #71bb6a
  • #d0c2ae
  • #2c243c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #b494fb e #0c0c04. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #0C0C04 (più scuro) a #B494FB (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): #0C0C04, #2C243C, #71BB6A, #B494FB, #D0C2AE, #DC6D6D

La tavolozza Adobe figma design ui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #dc6d6d, RGB: (220, 109, 109); ESADECIMALE: #b494fb, RGB: (180, 148, 251); ESADECIMALE: #0c0c04, RGB: (12, 12, 4)
ESADECIMALE: #71bb6a, RGB: (113, 187, 106); ESADECIMALE: #d0c2ae, RGB: (208, 194, 174); ESADECIMALE: #2c243c, RGB: (44, 36, 60)
Versione semplificata della tavolozza dei colori
Ombra di indianred, Ombra di mediumpurple, Ombra di Nero, Ombra di mediumseagreen, Ombra di tan, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Adobe figma design ui palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#dc6d6d #dc6d6d RGB(220, 109, 109)
#b494fb #b494fb RGB(180, 148, 251)
#0c0c04 #0c0c04 RGB(12, 12, 4)
#71bb6a #71bb6a RGB(113, 187, 106)
#d0c2ae #d0c2ae RGB(208, 194, 174)
#2c243c #2c243c RGB(44, 36, 60)

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
#dc6d6d
#b494fb
1.32
#dc6d6d
#71bb6a
1.39
#dc6d6d
#d0c2ae
1.86
#b494fb
#71bb6a
1.05
#b494fb
#d0c2ae
1.4
#0c0c04
#2c243c
1.33

Tavolozza immagini Adobe figma design ui palette png

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