Loading...
Creato a 02/05/2023 21:52
  0.16k

Weblanding landingpage home ui web site design

  • Cornflower Blue
    #5c9cfb
  • Jordy Blue
    #84bcf4
  • Chinese Black
    #0c1419
  • Slate Gray
    #667e9a
  • Wild Blue Yonder
    #9eb3d0
  • Liver Chestnut (Horses)
    #5d3c34
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Cornflower Blue #5c9cfb e Liver Chestnut (Horses) #5d3c34. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #0C1419 (più scuro) a #84BCF4 (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): #0C1419, #5C9CFB, #5D3C34, #667E9A, #84BCF4, #9EB3D0

La tavolozza Weblanding landingpage home ui web site design ha una combinazione di colori dei codici 6:
ESADECIMALE: #5c9cfb, RGB: (92, 156, 251); ESADECIMALE: #84bcf4, RGB: (132, 188, 244); ESADECIMALE: #0c1419, RGB: (12, 20, 25)
ESADECIMALE: #667e9a, RGB: (102, 126, 154); ESADECIMALE: #9eb3d0, RGB: (158, 179, 208); ESADECIMALE: #5d3c34, RGB: (93, 60, 52)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Tonalità di lightskyblue, Ombra di Nero, Tonalità di slategrey, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Weblanding landingpage home ui web site design codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5c9cfb #5c9cfb RGB(92, 156, 251)Cornflower Blue
#84bcf4 #84bcf4 RGB(132, 188, 244)Jordy Blue
#0c1419 #0c1419 RGB(12, 20, 25)Chinese Black
#667e9a #667e9a RGB(102, 126, 154)Slate Gray
#9eb3d0 #9eb3d0 RGB(158, 179, 208)Wild Blue Yonder
#5d3c34 #5d3c34 RGB(93, 60, 52)Liver Chestnut (Horses)

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
#5c9cfb
#84bcf4
1.37
#5c9cfb
#667e9a
1.51
#5c9cfb
#9eb3d0
1.29
#84bcf4
#9eb3d0
1.06
#0c1419
#5d3c34
1.91
#667e9a
#9eb3d0
1.95

Tavolozza immagini Weblanding landingpage home ui web site design png

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