Genera tavolozza
  1. Tavolozze di colori
  2. Mobile First CSS Framework Theme

Mobile First CSS Framework Theme

  • Layout Magenta
    #ef476f
  • Responsive Teal
    #06d6a0
  • Navbar Gold
    #ffd166
  • Background Snow White
    #f8f9fa
  • Icon Charcoal
    #343a40
  • Container Sky Blue
    #118ab2
  1
Creato il 07/11/2025 09:39
diraccoon
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Responsive Teal #06d6a0 e Navbar Gold #ffd166. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #343A40 (più scuro) a #F8F9FA (più chiaro). L’intervallo di luminosità è ampio.

La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Note calde e fredde sono abbastanza bilanciate (2 calde, 2 fredde).

Codici HEX (ordinati): #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166

La tavolozza Mobile First CSS Framework Theme combina 6 codici colore:
HEX: #ef476f, RGB: (239, 71, 111); HEX: #06d6a0, RGB: (6, 214, 160); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64); HEX: #118ab2, RGB: (17, 138, 178)
Versione semplificata della tavolozza dei colori
Tinta di Rosso indiano, Sfumatura di Acquamarina medio, Tinta di Oro, Tinta di Fumo bianco, Sfumatura di Grigio ardesia scuro, Sfumatura di Blu acciaio
La combinazione di colori è stata creata da raccoon

Codici colori nella tavolozza

Mobile First CSS Framework Theme codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#ef476f #ef476f RGB(239, 71, 111)Layout Magenta—
#06d6a0 #06d6a0 RGB(6, 214, 160)Responsive Teal—
#ffd166 #ffd166 RGB(255, 209, 102)Navbar Gold—
#f8f9fa #f8f9fa RGB(248, 249, 250)Background Snow White—
#343a40 #343a40 RGB(52, 58, 64)Icon Charcoal—
#118ab2 #118ab2 RGB(17, 138, 178)Container Sky Blue—

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
#ef476f
#06d6a0
1.91
#ef476f
#118ab2
1.09
#06d6a0
#ffd166
1.3
#06d6a0
#f8f9fa
1.78
#ffd166
#f8f9fa
1.36

Tavolozza immagini Mobile First CSS Framework Theme png

Mobile First CSS Framework Theme tavolozza dei colori: Layout Magenta, Responsive Teal, Navbar Gold, Background Snow White
 Scarica l'immagine