Generar paleta
  1. paletas de colores
  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
Creado en 07/11/2025 09:39
porraccoon
La paleta consta de Claro, semioscuro colores. Colores de acento Responsive Teal #06d6a0 y Navbar Gold #ffd166. La paleta tiene temperatura de color Cálido, Frío, Neutral.

Por luminosidad, la paleta va de #343A40 (más oscuro) a #F8F9FA (más claro). El rango de luminosidad es amplio.

La saturación global se siente viva (croma alto) — el 67% de los colores son vivos.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

Las notas cálidas y frías están bastante equilibradas (2 cálidas, 2 frías).

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

La paleta Mobile First CSS Framework Theme combina 6 códigos de color:
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)
Versión simplificada de la paleta de colores
Tono claro de Rojo indio, Tono oscuro de Aguamarina medio, Tono claro de Oro, Tono claro de Humo blanco, Tono oscuro de Gris pizarra oscuro, Tono oscuro de Azul acero
El esquema de color fue creado por raccoon

Códigos de colores en la paleta

Mobile First CSS Framework Theme códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre 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 de la paleta de colores

5 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto Color de fondo Relación de contraste
#ef476f
#06d6a0
1.91
#ef476f
#118ab2
1.09
#06d6a0
#ffd166
1.3
#06d6a0
#f8f9fa
1.78
#ffd166
#f8f9fa
1.36

Paleta de imágenes Mobile First CSS Framework Theme png

Mobile First CSS Framework Theme paleta de colores: Layout Magenta, Responsive Teal, Navbar Gold, Background Snow White
 Descargar imagen