Loading...
Creato a 07/02/2022 07:23
  0.16k

Landingpage design website ui colors palette

  • Carmine Pink
    #f3443a
  • Light Coral
    #eb847d
  • Indigo (Rainbow)
    #15346a
  • Blue Yonder
    #586ba6
  • Pale Silver
    #d0b4bd
  • Jacarta
    #423067
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Carmine Pink #f3443a e Indigo (Rainbow) #15346a. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #15346A (più scuro) a #D0B4BD (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 freddo.

Codici HEX (ordinati): #15346A, #423067, #586BA6, #D0B4BD, #EB847D, #F3443A

La tavolozza Landingpage design website ui colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f3443a, RGB: (243, 68, 58); ESADECIMALE: #eb847d, RGB: (235, 132, 125); ESADECIMALE: #15346a, RGB: (21, 52, 106)
ESADECIMALE: #586ba6, RGB: (88, 107, 166); ESADECIMALE: #d0b4bd, RGB: (208, 180, 189); ESADECIMALE: #423067, RGB: (66, 48, 103)
Versione semplificata della tavolozza dei colori
Tonalità di tomato, Ombra di lightcoral, Tonalità di darkslateblue, Ombra di royalblue, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Landingpage design website ui colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f3443a #f3443a RGB(243, 68, 58)Carmine Pink
#eb847d #eb847d RGB(235, 132, 125)Light Coral
#15346a #15346a RGB(21, 52, 106)Indigo (Rainbow)
#586ba6 #586ba6 RGB(88, 107, 166)Blue Yonder
#d0b4bd #d0b4bd RGB(208, 180, 189)Pale Silver
#423067 #423067 RGB(66, 48, 103)Jacarta

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
#f3443a
#eb847d
1.42
#f3443a
#586ba6
1.4
#f3443a
#d0b4bd
1.92
#eb847d
#586ba6
1.99
#eb847d
#d0b4bd
1.34
#15346a
#423067
1.06

Tavolozza immagini Landingpage design website ui colors palette png

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