Loading...
Creato a 03/26/2023 06:26
  88

Website landing page uidesign userinterface colours

  • Meat Brown
    #ebb342
  • Pearl Aqua
    #7cc4bc
  • Blue Sapphire
    #0c6875
  • Cadet Blue
    #59a0a1
  • Dark Vanilla
    #d1bea4
  • Liver Chestnut (Horses)
    #5d3a2e
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Meat Brown #ebb342 e Blue Sapphire #0c6875. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #0C6875 (più scuro) a #D1BEA4 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #0C6875, #59A0A1, #5D3A2E, #7CC4BC, #D1BEA4, #EBB342

La tavolozza Website landing page uidesign userinterface colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #ebb342, RGB: (235, 179, 66); ESADECIMALE: #7cc4bc, RGB: (124, 196, 188); ESADECIMALE: #0c6875, RGB: (12, 104, 117)
ESADECIMALE: #59a0a1, RGB: (89, 160, 161); ESADECIMALE: #d1bea4, RGB: (209, 190, 164); ESADECIMALE: #5d3a2e, RGB: (93, 58, 46)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di mediumturquoise, Tonalità di Verde acqua, Tonalità di cadetblue, Ombra di tan, Tonalità di saddlebrown
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Website landing page uidesign userinterface colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ebb342 #ebb342 RGB(235, 179, 66)Meat Brown
#7cc4bc #7cc4bc RGB(124, 196, 188)Pearl Aqua
#0c6875 #0c6875 RGB(12, 104, 117)Blue Sapphire
#59a0a1 #59a0a1 RGB(89, 160, 161)Cadet Blue
#d1bea4 #d1bea4 RGB(209, 190, 164)Dark Vanilla
#5d3a2e #5d3a2e RGB(93, 58, 46)Liver Chestnut (Horses)

Contrasto della palette di colori

7 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
#ebb342
#7cc4bc
1.05
#ebb342
#59a0a1
1.58
#ebb342
#d1bea4
1.05
#7cc4bc
#59a0a1
1.5
#7cc4bc
#d1bea4
1.1
#0c6875
#5d3a2e
1.54

Tavolozza immagini Website landing page uidesign userinterface colours png

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