#333D80 Código de color Insights
Todas las conversiones, armonías y comprobaciones de accesibilidad que necesita diseñar con confianza.
Conversión de color
Generar valores a través de múltiples modelos de color en una posición.
Tonos y tonos
Descubre cómo se comporta el #333D80 cuando se mezcla con blanco o negro. Estas muestras son excelentes para estados de flotación, sombras y fondos.
Pase para copiar cualquier valor hexadecimal y reúselo en la interfaz.
Sombras
0–100%Tonalidades
0–100%Armonía de colores
Construye instantáneamente una paleta de colores equilibrada con las armonías generadas por #333D80.
Haga clic en cualquier muestra para abrir su propia página de detalles y continuar explorando.
Complementaria
Los tonos opuestos crean un impacto y un contraste atrevido.
Ternario
Tres tonos uniformemente espaciados aportan un interesante equilibrio.
Cuadrilátero
Dos pares de combinaciones complementarias ofrecen una gran diversidad.
Comparación de accesibilidad
Compruebe la legibilidad de #333D80 utilizando colores comunes de texto para que cada visitante pueda disfrutar de una experiencia clara.
Utilice AA como línea de base para la copia del cuerpo y AAA como línea de base para la accesibilidad avanzada.
FORMATO TÉCNICO
Desbloquea espacios de color profesionales como XYZ, laboratorio, variantes CMYK y perfiles exportables.
Formato Práctico
Obtenga la simulación de impresión, el mapeo de LED y el orden de bytes listo para el desarrollador.
Análisis de color
Profundización en datos espectrales, informes de ventajas y análisis avanzados.
Simulador de ceguera
Vista previa de cómo se manifiesta #333D80 en los defectos comunes de la visión del color.
Aspectos creativos
Explora asociaciones estacionales, pistas emocionales y eventos naturales.
Dirección de diseño
Balance
Piensa en #333D80 como un punto destacado. Con colores neutros y un tono de soporte para evitar la sobrecarga visual.
Contraste
Prueba la combinación con contenido real. Un mayor contraste mejora el escaneo, la legibilidad y la conversión.
Armonía
Utilice un color claro para la superficie, un color base para el color primario y un color oscuro para el estado de plegado o presionado.
¿Necesita otro color?
Sube imágenes, genere paletas de colores y explore nuevas relaciones de colores.
Abrir el selector de colores