Gerar paleta
  1. Paletas de cores
  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
Criado em 07/11/2025 09:39
porraccoon
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Responsive Teal #06d6a0 e Navbar Gold #ffd166. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #343A40 (mais escuro) a #F8F9FA (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 67% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).

Códigos HEX (ordenados): #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166

A paleta Mobile First CSS Framework Theme combina 6 códigos de cor:
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)
Versão simplificada das cores da paleta
Tom claro de Vermelho-indiano, Tom escuro de Água-marinha-média, Tom claro de Dourado, Tom claro de Fumaça-branca, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Azul-aço
O esquema de cores foi criado por raccoon

Códigos de cores na paleta

Mobile First CSS Framework Theme códigos de cores HEX, informações RGB na tabela

Cor 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—

Contraste da paleta de cores

5 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#ef476f
#06d6a0
1.91
#ef476f
#118ab2
1.09
#06d6a0
#ffd166
1.3
#06d6a0
#f8f9fa
1.78
#ffd166
#f8f9fa
1.36

Paleta de imagens Mobile First CSS Framework Theme png

Mobile First CSS Framework Theme paleta de cores: Layout Magenta, Responsive Teal, Navbar Gold, Background Snow White
 Baixar imagem