Conversión de Color
#ade4e9
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.
Formatos Técnicos
Formatos prácticos
Análisis de color
Simulador de daltonismo
Aspectos creativos
Preguntas frecuentes
- ¿Qué color es #ADE4E9?
- #ADE4E9 es Bruma de Algodón Marítimo – Un aqua pálido con matices verdiazules que parece diluirse en luz; su claridad es fresca pero suavemente empolvada. Evoca calma serena y una sensación de alivio cálido, como respirar aire salino después de la lluvia marina.
- ¿Qué simboliza Bruma de Algodón Marítimo?
- limpieza/asepsia, renovación, juventud serena, protección acuática, transparencia. En culturas occidentales transmite salud y frescura (espacios médicos y wellness). En muchas islas y culturas costeras se asocia con el mar y la calma; en Japón los tonos pálidos acuáticos pueden evocar wabi-sabi y simplicidad refinada. En algunas culturas del Medio Oriente los azules pálidos protegen contra el mal de ojo, aunque tonos más saturados cumplen ese papel.
- ¿Dónde se usa Bruma de Algodón Marítimo en el diseño?
- En un espacio reduce la tensión visual y hace que los elementos respiren; favorece la percepción de limpieza y profesionalismo. En diseño digital, ayuda a focalizar la atención hacia elementos cálidos o tipografías oscuras sin competir por protagonismo.
- ¿Qué colores combinan bien con Bruma de Algodón Marítimo?
- colorCode.seoFaqPairingAnswer #E9C3AD: Coral cálido desaturado — combinación complementaria suave que crea equilibrio emocional y realza CTAs (armonía complementaria).. #89E9D9: Verde aqua ligeramente más verdoso — crea una transición natural y armónica para fondos y gradientes (armonía análoga).. #154B53: Azul pizarra profundo — ancla la paleta aportando contraste legible y sofisticación (contraste tonal/monocromático oscuro)..
- ¿Cómo afecta Bruma de Algodón Marítimo el estado de ánimo?
- Calma restauradora con sutileza optimista Produce alivio y confianza contenida que invita a permanecer más tiempo. colorCode.seoFaqMoodTraits
- ¿Qué industrias usan Bruma de Algodón Marítimo?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- ¿Cuál es la historia de Bruma de Algodón Marítimo?
- Los azules y verdes pálidos han existido desde mezclas tempranas de pigmentos minerales; tonalidades similares a esta se conseguían históricamente mezclando azules cerúleos con blanco y pequeños toques de pigmentos verdosos (como malaquita o compuestos de cobre) para bajar la saturación. El pigmento cerúleo moderno (cobalt stannate) del siglo XIX facilitó obtener azules claros estables que, combinados con blancos, dieron lugar a aguamarinas pálidas en pintura decorativa.
- ¿Cómo usar Bruma de Algodón Marítimo en el diseño?
- Mantener contraste y jerarquía: este color exige un ancla oscura o un acento cálido para guiar la atención.colorCode.seoFaqDesignDo
- ¿Es Bruma de Algodón Marítimo accesible?
- colorCode.seoFaqAccessibilityAnswer Cumple con WCAG AA para texto normal y grande.