Creato a 12/18/2019 19:34
  0.19k

Styleguide charts homepage buttons

  • #f3b304
  • #f4d471
  • #064eca
  • #928953
  • #c4d1de
  • #3e4043
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #f3b304 e #064eca. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #3E4043 (più scuro) a #C4D1DE (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): #064ECA, #3E4043, #928953, #C4D1DE, #F3B304, #F4D471

La tavolozza Styleguide charts homepage buttons ha una combinazione di colori dei codici 6:
ESADECIMALE: #f3b304, RGB: (243, 179, 4); ESADECIMALE: #f4d471, RGB: (244, 212, 113); ESADECIMALE: #064eca, RGB: (6, 78, 202)
ESADECIMALE: #928953, RGB: (146, 137, 83); ESADECIMALE: #c4d1de, RGB: (196, 209, 222); ESADECIMALE: #3e4043, RGB: (62, 64, 67)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Tonalità di Cachi, Tonalità di royalblue, Ombra di Oliva, Ombra di lightsteelblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Styleguide charts homepage buttons codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f3b304 #f3b304 RGB(243, 179, 4)
#f4d471 #f4d471 RGB(244, 212, 113)
#064eca #064eca RGB(6, 78, 202)
#928953 #928953 RGB(146, 137, 83)
#c4d1de #c4d1de RGB(196, 209, 222)
#3e4043 #3e4043 RGB(62, 64, 67)

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
#f3b304
#f4d471
1.28
#f3b304
#928953
1.9
#f3b304
#c4d1de
1.2
#f4d471
#c4d1de
1.07
#064eca
#3e4043
1.46

Tavolozza immagini Styleguide charts homepage buttons png

Loading...
Loading...