Loading...
Creato a 10/02/2022 23:17
  0.19k

Landing page dashboard webpage landingpage colours

  • Booger Buster
    #d6ea61
  • Mindaro
    #e0f07d
  • Chinese Black
    #140423
  • Dark Blue-Gray
    #7667a2
  • Dark Vanilla
    #cccc98
  • Soldier Green
    #545c2c
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Mindaro #e0f07d e Chinese Black #140423. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #140423 (più scuro) a #E0F07D (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 caldo.

Codici HEX (ordinati): #140423, #545C2C, #7667A2, #CCCC98, #D6EA61, #E0F07D

La tavolozza Landing page dashboard webpage landingpage colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #d6ea61, RGB: (214, 234, 97); ESADECIMALE: #e0f07d, RGB: (224, 240, 125); ESADECIMALE: #140423, RGB: (20, 4, 35)
ESADECIMALE: #7667a2, RGB: (118, 103, 162); ESADECIMALE: #cccc98, RGB: (204, 204, 152); ESADECIMALE: #545c2c, RGB: (84, 92, 44)
Versione semplificata della tavolozza dei colori
Tonalità di Cachi, Tonalità di Cachi, Ombra di Nero, Ombra di slateblue, Tonalità di palegoldenrod, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Landing page dashboard webpage landingpage colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#d6ea61 #d6ea61 RGB(214, 234, 97)Booger Buster
#e0f07d #e0f07d RGB(224, 240, 125)Mindaro
#140423 #140423 RGB(20, 4, 35)Chinese Black
#7667a2 #7667a2 RGB(118, 103, 162)Dark Blue-Gray
#cccc98 #cccc98 RGB(204, 204, 152)Dark Vanilla
#545c2c #545c2c RGB(84, 92, 44)Soldier Green

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
#d6ea61
#e0f07d
1.07
#d6ea61
#cccc98
1.24
#e0f07d
#cccc98
1.33
#7667a2
#545c2c
1.43

Tavolozza immagini Landing page dashboard webpage landingpage colours png

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