Loading...
Creato a 03/26/2022 21:45
  0.19k

Webdesign ui landingpage ux

  • Frostbite
    #d629b1
  • Atomic Tangerine
    #f69e6c
  • Russian Violet
    #351b53
  • Liberty
    #545cac
  • Wild Blue Yonder
    #abb8d2
  • Maximum Purple
    #7c3c84
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Atomic Tangerine #f69e6c e Liberty #545cac. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.

Per luminosità, la tavolozza va da #351B53 (più scuro) a #ABB8D2 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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): #351B53, #545CAC, #7C3C84, #ABB8D2, #D629B1, #F69E6C

La tavolozza Webdesign ui landingpage ux ha una combinazione di colori dei codici 6:
ESADECIMALE: #d629b1, RGB: (214, 41, 177); ESADECIMALE: #f69e6c, RGB: (246, 158, 108); ESADECIMALE: #351b53, RGB: (53, 27, 83)
ESADECIMALE: #545cac, RGB: (84, 92, 172); ESADECIMALE: #abb8d2, RGB: (171, 184, 210); ESADECIMALE: #7c3c84, RGB: (124, 60, 132)
Versione semplificata della tavolozza dei colori
Ombra di mediumvioletred, Tonalità di lightsalmon, Ombra di midnightblue, Tonalità di slateblue, Tonalità di lightsteelblue, Ombra di darkmagenta
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Webdesign ui landingpage ux codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#d629b1 #d629b1 RGB(214, 41, 177)Frostbite
#f69e6c #f69e6c RGB(246, 158, 108)Atomic Tangerine
#351b53 #351b53 RGB(53, 27, 83)Russian Violet
#545cac #545cac RGB(84, 92, 172)Liberty
#abb8d2 #abb8d2 RGB(171, 184, 210)Wild Blue Yonder
#7c3c84 #7c3c84 RGB(124, 60, 132)Maximum Purple

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
#d629b1
#545cac
1.37
#d629b1
#7c3c84
1.69
#f69e6c
#abb8d2
1.04
#351b53
#7c3c84
1.97
#545cac
#7c3c84
1.23

Tavolozza immagini Webdesign ui landingpage ux png

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