Loading...
Creato a 01/14/2023 13:05
  80

Business website landing page hero section ux palette

  • Blueberry
    #5d7be9
  • Light Salmon
    #f4a474
  • Van Dyke Brown
    #64402c
  • Blast-Off Bronze
    #a47361
  • Pastel Blue
    #b4bfcf
  • Café Noir
    #503428
Loading...
La tavolozza è composta da Leggero colori. Colori accentati Blueberry #5d7be9 e Light Salmon #f4a474. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #503428 (più scuro) a #B4BFCF (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): #503428, #5D7BE9, #64402C, #A47361, #B4BFCF, #F4A474

La tavolozza Business website landing page hero section ux palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #5d7be9, RGB: (93, 123, 233); ESADECIMALE: #f4a474, RGB: (244, 164, 116); ESADECIMALE: #64402c, RGB: (100, 64, 44)
ESADECIMALE: #a47361, RGB: (164, 115, 97); ESADECIMALE: #b4bfcf, RGB: (180, 191, 207); ESADECIMALE: #503428, RGB: (80, 52, 40)
Versione semplificata della tavolozza dei colori
Ombra di royalblue, Tonalità di lightsalmon, Tonalità di saddlebrown, Ombra di sienna, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Business website landing page hero section ux palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5d7be9 #5d7be9 RGB(93, 123, 233)Blueberry
#f4a474 #f4a474 RGB(244, 164, 116)Light Salmon
#64402c #64402c RGB(100, 64, 44)Van Dyke Brown
#a47361 #a47361 RGB(164, 115, 97)Blast-Off Bronze
#b4bfcf #b4bfcf RGB(180, 191, 207)Pastel Blue
#503428 #503428 RGB(80, 52, 40)Café Noir

Contrasto della palette di colori

4 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
#5d7be9
#f4a474
1.9
#5d7be9
#a47361
1.05
#f4a474
#b4bfcf
1.08
#64402c
#503428
1.24

Tavolozza immagini Business website landing page hero section ux palette png

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