Conversión de Color
#eaeaeaNiebla de Porcelana
Sobre este color
Serenidad luminosa y discreta
Un gris casi blanco, terso y mate que recoge la luz sin robarle intensidad. Evoca calma limpia y espacio para respirar, como un respiro visual cuidadosamente pulido.
Consejo para diseñadores
Úsalo como fondo principal y combina texto en #1F2937 para garantizar contraste accesible (WCAG AA) en tamaños ≥14px; añade una textura sutil (papel o lino) para evitar frialdad clínica.
Mejor caso de uso
Psicología
Rasgos psicológicos y asociaciones emocionales
Efecto
Impacto emocional
Significado y simbolismo
Simbolismo cultural y significado
Significado cultural
Asociaciones positivas
Asociaciones negativas
Aplicaciones de diseño
Cómo se usa este color en diferentes campos
- Interfaz de e‑commerce
- Como fondo de fichas de producto permite que mercancía y fotografías destaquen sin competir por la atención, manteniendo lectura nítida.
- Paredes de estudios fotográficos
- Refleja luz suave y uniforme, facilitando iluminación natural y postproducción sin introducir dominante de color.
- Packaging de cosmética premium
- Comunica limpieza y lujo discreto cuando se combina con tipografía oscura y acabados mate o relieve.
- Editorial minimalista
- En páginas interiores ofrece un lienzo neutro que enfatiza la fotografía y la tipografía, ayudando a la jerarquía visual.
- Moda y prendas de punto
- Funciona en prendas básicas como suéteres y camisetas por su versatilidad y capacidad para combinar con tonos saturados y terrosos.
Guía de diseño
Consejos prácticos para usar este color efectivamente en tus diseños
Haz esto
- Usarlo como lienzo neutro y reservar colores saturados para acentos y llamadas a la acción.
- Asegurar contraste tipográfico con tonos oscuros (#1F2937 o similar) y pesos tipográficos adecuados.
- Introducir textura física o visual (papel, lino, relieve) para evitar sensación clínica.
Evita esto
- No emplearlo como único color en espacios amplios sin introducir acentos o madera que aporten calidez.
- No colocar tipografías grises pálidas sobre este fondo — se pierde legibilidad.
- No asumir que aporta 'personalidad': sin contraste y materialidad el resultado será plano.
Fundamentos
Riesgo de uso excesivo
Ajuste de marca
Industrias y arquetipos de marca que se alinean con este color
Nivel de confianza
Seriedad
Tendencia
Combinación de colores
Colores que complementan y realzan este tono
#1F2937
Contraste alto con un carbón azulado para tipografía y jerarquía (armonía por contraste tonal/complementaria en valor).
#A7C4B5
Verde salvia pálido que añade calma análoga y mantiene la paleta serena (armonía análoga suave).
#C36A45
Terracota cálida que crea un punto focal acogedor y equilibrado (armonía por contraste cálido‑frío / complementaria indirecta).
Consejos tipográficos
Significado histórico
La historia y herencia de este color
Los tonos pálidos similares a Niebla de Porcelana tienen raíces antiguas: en la arquitectura clásica se lograban mediante enlucidos de cal y yeso, y en pintura se obtenían al mezclar blanco de plomo o blanco de tiza con pequeñas cantidades de carbón o pigmentos tierra para neutralizar el brillo puro del blanco.
En los siglos XVIII–XIX la porcelana, el yeso y los acabados mate se volvieron sinónimo de refinamiento; en el siglo XX el modernismo y el diseño escandinavo consolidaron los grises muy claros como fondo funcional en arquitectura y muebles, favoreciendo la luz y la simplicidad formal.
Hoy Niebla de Porcelana vive en la era digital y del lifestyle: es frecuente en interfaces, packaging de belleza y showrooms minimalistas, donde actúa como un lienzo versátil que acompaña tanto paletas cálidas como acentos saturados sin robar protagonismo.
Variaciones
El propósito de esta sección es producir con precisión tonos (añadido blanco puro) y sombras (añadido negro puro) de tu color seleccionado en incrementos del 10%.
Consejo profesional: Usa sombras para estados de hover y sombras, tonos para resaltes y fondos.
Sombras
Variaciones más oscuras creadas al añadir negro a tu color base.
Tonos
Variaciones más claras creadas al añadir blanco a tu color base.
Casos de uso comunes
- • Estados de componentes UI (hover, activo, deshabilitado)
- • Creando profundidad con sombras y resaltes
- • Construyendo sistemas de color consistentes
Consejo para el sistema de diseño
Estas variaciones forman la base de una paleta de colores cohesiva. Expórtalas para mantener la consistencia en todo tu proyecto.
Combinaciones de colores
Cada armonía tiene su propio estado de ánimo. Usa armonías para idear combinaciones de colores que funcionen bien juntas.
Cómo usar
Haz clic en cualquier color para copiar su valor hex. Estas combinaciones están matemáticamente probadas para crear armonía visual.
Por qué es importante
Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.
Complemento
Un color y su opuesto en la rueda de color, +180 grados de tono. Alto contraste.
Complementario dividido
Un color y dos adyacentes a su complemento, +/-30 grados de tono del valor opuesto al color principal. Audaz como un complemento directo, pero más versátil.
Triádico
Tres colores espaciados uniformemente en la rueda de color, cada uno a 120 grados de tono. Lo mejor es permitir que un color domine y usar los otros como acentos.
Análogo
Tres colores de la misma luminancia y saturación con tonos adyacentes en la rueda de color, a 30 grados de distancia. Transiciones suaves.
Monocromático
Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.
Tetrádico
Dos conjuntos de colores complementarios, separados por 60 grados de tono.
Principios de la teoría del color
Equilibrio
Usa un color dominante, apóyalo con secundarios y acentúa con moderación.
Contraste
Asegura suficiente contraste para legibilidad y accesibilidad.
Armonía
Los colores deben trabajar juntos para crear una experiencia visual unificada.
Verificador de contraste de color
Prueba combinaciones de colores para asegurarte de que cumplan con los estándares de accesibilidad WCAG para la legibilidad del texto.
Color del texto
Color de fondo
Contraste
Estándares WCAG
Comprobador de contraste avanzado
Ajusta con precisión con deslizadores, múltiples vistas previas y más
Todo el mundo es un genio. Pero si juzgas a un pez por su habilidad para trepar un árbol, vivirá toda su vida creyendo que es estúpido.