Creato a 09/25/2021 07:05
  0.13k

Design animation ui ux colours

  • #c43c3c
  • #fbb962
  • #a91015
  • #6187ad
  • #d2b3b4
  • #303849
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #fbb962 e #6187ad. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

Codici HEX (ordinati): #303849, #6187AD, #A91015, #C43C3C, #D2B3B4, #FBB962

La tavolozza Design animation ui ux colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #c43c3c, RGB: (196, 60, 60); ESADECIMALE: #fbb962, RGB: (251, 185, 98); ESADECIMALE: #a91015, RGB: (169, 16, 21)
ESADECIMALE: #6187ad, RGB: (97, 135, 173); ESADECIMALE: #d2b3b4, RGB: (210, 179, 180); ESADECIMALE: #303849, RGB: (48, 56, 73)
Versione semplificata della tavolozza dei colori
Ombra di crimson, Ombra di Arancia, Tonalità di firebrick, Ombra di steelblue, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design animation ui ux colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#c43c3c #c43c3c RGB(196, 60, 60)
#fbb962 #fbb962 RGB(251, 185, 98)
#a91015 #a91015 RGB(169, 16, 21)
#6187ad #6187ad RGB(97, 135, 173)
#d2b3b4 #d2b3b4 RGB(210, 179, 180)
#303849 #303849 RGB(48, 56, 73)

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
#c43c3c
#a91015
1.46
#c43c3c
#6187ad
1.37
#fbb962
#d2b3b4
1.12
#a91015
#303849
1.55
#6187ad
#d2b3b4
1.94

Tavolozza immagini Design animation ui ux colours png

Loading...
Loading...