Générer une palette
  1. Palettes de couleurs
  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
Créé le 07/11/2025 09:39
parraccoon
La palette se compose de Clair, Semi foncé couleurs. Couleurs d'accent Responsive Teal #06d6a0 et Navbar Gold #ffd166. La palette a une température de couleur Chaud, Froid, Neutre.

En luminosité, cette palette va de #343A40 (plus sombre) à #F8F9FA (plus clair). L’écart de luminosité est large.

La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.

Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.

Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).

Codes HEX (triés) : #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166

La palette Mobile First CSS Framework Theme combine 6 codes couleur:
HEX: #ef476f, RVB: (239, 71, 111); HEX: #06d6a0, RVB: (6, 214, 160); HEX: #ffd166, RVB: (255, 209, 102)
HEX: #f8f9fa, RVB: (248, 249, 250); HEX: #343a40, RVB: (52, 58, 64); HEX: #118ab2, RVB: (17, 138, 178)
Version simplifiée des couleurs de la palette
Teinte de Rouge indien, Nuance de Aigue-marine moyen, Teinte de Or, Teinte de Fumée blanche, Nuance de Gris ardoise foncé, Nuance de Bleu acier
Le jeu de couleurs a été créé par raccoon

Codes couleurs dans la palette

Mobile First CSS Framework Theme codes de couleur HEX, informations RVB dans le tableau

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

Contraste de la palette de couleurs

5 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
Couleur du texte Couleur de l'arrière plan Rapport de contraste
#ef476f
#06d6a0
1.91
#ef476f
#118ab2
1.09
#06d6a0
#ffd166
1.3
#06d6a0
#f8f9fa
1.78
#ffd166
#f8f9fa
1.36

Palette d'images Mobile First CSS Framework Theme png

Mobile First CSS Framework Theme palette de couleurs: Layout Magenta, Responsive Teal, Navbar Gold, Background Snow White
 Télécharger l'image