Loading...
Creato a 05/30/2020 19:46
  0.25k

Ui designer layout landing page concept design colours

  • #32aef4
  • #c6d4fc
  • #100952
  • #aa7f50
  • #b0b8d2
  • #383b5a
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #c6d4fc e #aa7f50. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #100952 (più scuro) a #C6D4FC (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): #100952, #32AEF4, #383B5A, #AA7F50, #B0B8D2, #C6D4FC

La tavolozza Ui designer layout landing page concept design colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #32aef4, RGB: (50, 174, 244); ESADECIMALE: #c6d4fc, RGB: (198, 212, 252); ESADECIMALE: #100952, RGB: (16, 9, 82)
ESADECIMALE: #aa7f50, RGB: (170, 127, 80); ESADECIMALE: #b0b8d2, RGB: (176, 184, 210); ESADECIMALE: #383b5a, RGB: (56, 59, 90)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Ombra di lightsteelblue, Tonalità di midnightblue, Tonalità di peru, Tonalità di lightsteelblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui designer layout landing page concept design colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#32aef4 #32aef4 RGB(50, 174, 244)
#c6d4fc #c6d4fc RGB(198, 212, 252)
#100952 #100952 RGB(16, 9, 82)
#aa7f50 #aa7f50 RGB(170, 127, 80)
#b0b8d2 #b0b8d2 RGB(176, 184, 210)
#383b5a #383b5a RGB(56, 59, 90)

Contrasto della palette di colori

6 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
#32aef4
#c6d4fc
1.67
#32aef4
#aa7f50
1.44
#32aef4
#b0b8d2
1.25
#c6d4fc
#b0b8d2
1.33
#100952
#383b5a
1.64
#aa7f50
#b0b8d2
1.81

Tavolozza immagini Ui designer layout landing page concept design colours png

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