Loading...
Creato a 12/08/2022 09:16
  74

Ux design landing page ui

  • Peru
    #cc9044
  • Gold (Crayola)
    #e4c481
  • Soldier Green
    #5a5322
  • Steel Teal
    #688c94
  • Pale Silver
    #c8c3b9
  • Rifle Green
    #415132
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Gold (Crayola) #e4c481 e Steel Teal #688c94. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #5A5322 (più scuro) a #C8C3B9 (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): #415132, #5A5322, #688C94, #C8C3B9, #CC9044, #E4C481

La tavolozza Ux design landing page ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #cc9044, RGB: (204, 144, 68); ESADECIMALE: #e4c481, RGB: (228, 196, 129); ESADECIMALE: #5a5322, RGB: (90, 83, 34)
ESADECIMALE: #688c94, RGB: (104, 140, 148); ESADECIMALE: #c8c3b9, RGB: (200, 195, 185); ESADECIMALE: #415132, RGB: (65, 81, 50)
Versione semplificata della tavolozza dei colori
Ombra di peru, Ombra di burlywood, Tonalità di darkolivegreen, Tonalità di lightslategrey, Ombra di Argento, Tonalità di darkolivegreen
La combinazione di colori è stata creata da hex

Codici colori nella tavolozza

Ux design landing page ui codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cc9044 #cc9044 RGB(204, 144, 68)Peru
#e4c481 #e4c481 RGB(228, 196, 129)Gold (Crayola)
#5a5322 #5a5322 RGB(90, 83, 34)Soldier Green
#688c94 #688c94 RGB(104, 140, 148)Steel Teal
#c8c3b9 #c8c3b9 RGB(200, 195, 185)Pale Silver
#415132 #415132 RGB(65, 81, 50)Rifle Green

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
#cc9044
#e4c481
1.63
#cc9044
#688c94
1.32
#cc9044
#c8c3b9
1.56
#e4c481
#c8c3b9
1.04
#5a5322
#415132
1.1

Tavolozza immagini Ux design landing page ui png

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