Conversión de Color
#320f66
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 #320F66?
- #320F66 es Violeta Tinta de Medianoche – Un violeta muy oscuro con subtonos azules intensos que se siente como tinta seca sobre papel antiguo. Evoca misterio regia y concentración introspectiva, como una invitación a lo ceremonial y creativo.
- ¿Qué simboliza Violeta Tinta de Medianoche?
- lujo y nobleza, misterio espiritual, creatividad profunda, intimidad ceremonial, sabiduría reservada. En Occidente el violeta se asocia con realeza, espiritualidad y creatividad; en Japón tonos profundos similares transmiten refinamiento y sobriedad en la moda y el kimono; en algunas culturas indígenas americanas, púrpuras oscuros pueden relacionarse con lo ceremonial y lo medicinal. En la India, el púrpura puede utilizarse en textiles rituales pero es menos omnipresente que el rojo o el naranja.
- ¿Dónde se usa Violeta Tinta de Medianoche en el diseño?
- En un espacio o diseño esta tonalidad ralentiza la percepción y hace que los elementos cercanos se sientan más íntimos y ceremoniales. Refuerza jerarquía visual cuando se usa en contraste con acentos metálicos o tonos claros, pero requiere cuidados para mantener legibilidad.
- ¿Qué colores combinan bien con Violeta Tinta de Medianoche?
- colorCode.seoFaqPairingAnswer #D4AF37: Contraste cálido y metálico que actúa como complemento visual lujoso (contraste complementario / acento dorado).. #D97400: Tono naranja quemado que crea una tríada energética con el violeta para un acento vibrante y sofisticado (armonía triádica).. #1A0F66: Un índigo más azulado y profundo que amplifica la atmósfera nocturna y mantiene coherencia tonal (armonía análoga)..
- ¿Cómo afecta Violeta Tinta de Medianoche el estado de ánimo?
- Confianza contemplativa con una presencia sofisticada Provoca fascinación serena y una sensación de exclusividad contenida. colorCode.seoFaqMoodTraits
- ¿Qué industrias usan Violeta Tinta de Medianoche?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- ¿Cuál es la historia de Violeta Tinta de Medianoche?
- Los matices profundos de violeta han existido desde la antigüedad: el púrpura de Tiro (producido con murex) fue uno de los primeros tonos asociados al poder, aunque ese púrpura era más rojizo. Tonos cercanos al violeta-azulado como el de #320F66 no fueron fácilmente reproducibles con pigmentos naturales hasta la era industrial, cuando los colorantes anilina y posteriormente pigmentos sintéticos ofrecieron mayor variedad de púrpuras.
- ¿Cómo usar Violeta Tinta de Medianoche en el diseño?
- Prioriza contraste y jerarquía: usar este violeta como acento focal y equilibrarlo con neutros claros y metales cálidos.colorCode.seoFaqDesignDo
- ¿Es Violeta Tinta de Medianoche accesible?
- colorCode.seoFaqAccessibilityAnswer Cumple con WCAG AA para texto normal y grande.