Loading...
Creato a 06/01/2021 12:49
  0.2k

Design pattern colorful template colors palette

  • #fbcf16
  • #f4de3a
  • #04344c
  • #4a9a5c
  • #bfac7d
  • #29563e
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #fbcf16 e #04344c. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #04344C (più scuro) a #BFAC7D (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): #04344C, #29563E, #4A9A5C, #BFAC7D, #F4DE3A, #FBCF16

La tavolozza Design pattern colorful template colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #fbcf16, RGB: (251, 207, 22); ESADECIMALE: #f4de3a, RGB: (244, 222, 58); ESADECIMALE: #04344c, RGB: (4, 52, 76)
ESADECIMALE: #4a9a5c, RGB: (74, 154, 92); ESADECIMALE: #bfac7d, RGB: (191, 172, 125); ESADECIMALE: #29563e, RGB: (41, 86, 62)
Versione semplificata della tavolozza dei colori
Tonalità di gold, Ombra di gold, Ombra di midnightblue, Ombra di seashell, Tonalità di tan, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design pattern colorful template colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#fbcf16 #fbcf16 RGB(251, 207, 22)
#f4de3a #f4de3a RGB(244, 222, 58)
#04344c #04344c RGB(4, 52, 76)
#4a9a5c #4a9a5c RGB(74, 154, 92)
#bfac7d #bfac7d RGB(191, 172, 125)
#29563e #29563e RGB(41, 86, 62)

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
#fbcf16
#f4de3a
1.09
#fbcf16
#bfac7d
1.49
#f4de3a
#bfac7d
1.63
#04344c
#29563e
1.55
#4a9a5c
#bfac7d
1.55

Tavolozza immagini Design pattern colorful template colors palette png

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