Milligram CSS framework colors

  • primary
    #9b4dca
  • secondary
    #606c76
  • tertiary
    #f4f5f6
  • quaternary
    #d1d1d1
  • quinary
    #e1e1e1
  • initial
    #ffffff
  1.62k
Creato il 06/20/2018 21:11
La tavolozza è composta da Semi scuro, Chiaro colori. Colori d'accento primary #9b4dca e secondary #606c76. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #606C76 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta per lo più smorzata (croma basso) — il 83% dei colori è smorzato.

Solo un colore ha una tonalità definita; gli altri sono neutri o grigi.

La maggior parte dei campioni risulta neutra in temperatura (5 su 6).

Codici HEX (ordinati): #606C76, #9B4DCA, #D1D1D1, #E1E1E1, #F4F5F6, #FFFFFF

La tavolozza Milligram CSS framework colors combina 6 codici colore:
HEX: #9b4dca, RGB: (155, 77, 202); HEX: #606c76, RGB: (96, 108, 118); HEX: #f4f5f6, RGB: (244, 245, 246)
HEX: #d1d1d1, RGB: (209, 209, 209); HEX: #e1e1e1, RGB: (225, 225, 225); HEX: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tinta di Orchidea scuro, Tinta di Grigio tenue, Sfumatura di Fumo bianco, Sfumatura di Grigio chiaro, Tinta di Gainsboro, Bianco
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Milligram CSS framework colors codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#9b4dca#9b4dcaRGB(155, 77, 202)primary—
#606c76#606c76RGB(96, 108, 118)secondary—
#f4f5f6#f4f5f6RGB(244, 245, 246)tertiary—
#d1d1d1#d1d1d1RGB(209, 209, 209)quaternaryGray82
#e1e1e1#e1e1e1RGB(225, 225, 225)quinary—
#ffffff#ffffffRGB(255, 255, 255)initialWhite

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 testoColore di sfondoRapporto di contrasto
#9b4dca
#606c76
1.1
#f4f5f6
#d1d1d1
1.39
#f4f5f6
#e1e1e1
1.19
#f4f5f6
#ffffff
1.09
#d1d1d1
#e1e1e1
1.16
#d1d1d1
#ffffff
1.52

Tavolozza immagini Milligram CSS framework colors png