Loading...
Creato a 12/02/2019 18:49
  0.18k

Illustration ui design web colours

  • #8c38c9
  • #c4fcb4
  • #481c68
  • #619e6e
  • #d4a2d5
  • #532078
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #c4fcb4 e #532078. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #481C68 (più scuro) a #C4FCB4 (più chiaro). L’intervallo di luminosità è ampio.

La saturazione complessiva risulta vivida (croma alto).

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): #481C68, #532078, #619E6E, #8C38C9, #C4FCB4, #D4A2D5

La tavolozza Illustration ui design web colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #8c38c9, RGB: (140, 56, 201); ESADECIMALE: #c4fcb4, RGB: (196, 252, 180); ESADECIMALE: #481c68, RGB: (72, 28, 104)
ESADECIMALE: #619e6e, RGB: (97, 158, 110); ESADECIMALE: #d4a2d5, RGB: (212, 162, 213); ESADECIMALE: #532078, RGB: (83, 32, 120)
Versione semplificata della tavolozza dei colori
Tonalità di darkorchid, Ombra di palegreen, Ombra di indigo, Tonalità di mediumseagreen, Tonalità di plum, Ombra di indigo
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Illustration ui design web colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#8c38c9 #8c38c9 RGB(140, 56, 201)
#c4fcb4 #c4fcb4 RGB(196, 252, 180)
#481c68 #481c68 RGB(72, 28, 104)
#619e6e #619e6e RGB(97, 158, 110)
#d4a2d5 #d4a2d5 RGB(212, 162, 213)
#532078 #532078 RGB(83, 32, 120)

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
#8c38c9
#619e6e
1.87
#8c38c9
#532078
1.9
#c4fcb4
#d4a2d5
1.8
#481c68
#532078
1.12
#619e6e
#d4a2d5
1.49

Tavolozza immagini Illustration ui design web colours png

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