Creato a 05/03/2020 12:43
  0.2k

Site design geometric uxdesign colours

  • #c8da84
  • #fcf4e7
  • #57651e
  • #5b84a5
  • #d3cfb1
  • #1f3036
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati #fcf4e7 e #5b84a5. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

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

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #1F3036, #57651E, #5B84A5, #C8DA84, #D3CFB1, #FCF4E7

La tavolozza Site design geometric uxdesign colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #c8da84, RGB: (200, 218, 132); ESADECIMALE: #fcf4e7, RGB: (252, 244, 231); ESADECIMALE: #57651e, RGB: (87, 101, 30)
ESADECIMALE: #5b84a5, RGB: (91, 132, 165); ESADECIMALE: #d3cfb1, RGB: (211, 207, 177); ESADECIMALE: #1f3036, RGB: (31, 48, 54)
Versione semplificata della tavolozza dei colori
Tonalità di Cachi, Tonalità di oldlace, Tonalità di darkolivegreen, Ombra di steelblue, Tonalità di beige, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Site design geometric uxdesign colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#c8da84 #c8da84 RGB(200, 218, 132)
#fcf4e7 #fcf4e7 RGB(252, 244, 231)
#57651e #57651e RGB(87, 101, 30)
#5b84a5 #5b84a5 RGB(91, 132, 165)
#d3cfb1 #d3cfb1 RGB(211, 207, 177)
#1f3036 #1f3036 RGB(31, 48, 54)

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
#c8da84
#fcf4e7
1.39
#c8da84
#d3cfb1
1.03
#fcf4e7
#d3cfb1
1.44
#57651e
#5b84a5
1.6

Tavolozza immagini Site design geometric uxdesign colours png