Color: Índigo
Información completa del color y herramientas de conversión para Índigo
Convierta Índigo a todos los formatos de color principales. Haga clic en cualquier valor para copiar al portapapeles.
Pruebe Índigo para cumplimiento de accesibilidad y relaciones de contraste de color.
Relaciones de Contraste Básicas
Cumplimiento WCAG 2.1
Relación requerida: 4.5:1
Relación requerida: 3:1
Relación requerida: 7:1
Relación requerida: 4.5:1
Recomendaciones de Uso
✓ Excelente para accesibilidad
Este color cumple con los estándares AAA y es adecuado para todos los tamaños de texto y elementos UI.
Color de texto recomendado: Use texto #FFFFFF para legibilidad óptima en fondos Índigo.
Colores similares a Índigo basados en matiz y saturación.
Acerca del Color Índigo
El color Índigo (#4B0082) es un color purple que pertenece a la paleta de colores seguros para web. Esta guía completa cubre todo lo que necesita saber sobre Índigo, incluyendo sus especificaciones técnicas, impacto psicológico, aplicaciones de diseño y ejemplos de uso práctico.
Índigo tiene el código hexadecimal #4B0082 y valores RGB de 75, 0, 130. En el espacio de color HSL, tiene un matiz de 275°, saturación de 100% y luminosidad de 25%. Este color es ampliamente compatible en todos los navegadores y aplicaciones de diseño.
Descubra el impacto psicológico y la significancia cultural de Índigo.
Emociones Asociadas
Lujo, creatividad, misterio, espiritualidad, sabiduría
Simbolismo y Significado
Realeza, nobleza, elegancia, magia, imaginación
Marketing y Marca
Productos premium, belleza, anti-envejecimiento, servicios creativos
Aprenda a usar efectivamente Índigo en varios contextos de diseño.
Diseño Web
- • Headers
- • Links
- • Corporate themes
- • Trust indicators
- • Professional layouts
Diseño de Interiores
- • Bedrooms
- • Bathrooms
- • Office spaces
- • Coastal themes
Diseño Gráfico
- • Corporate branding
- • Healthcare materials
- • Technology themes
- • Professional presentations
Moda y Ropa
- • Business attire
- • Denim
- • Formal wear
- • Casual shirts
Detalles técnicos completos e información del espacio de color para Índigo.
Temperatura de Color
Longitud de Onda Dominante
Pureza del Color
Índice de Brillo
Ejemplos del mundo real y fragmentos de código mostrando cómo usar Índigo.
Ejemplos CSS
Consejos de Diseño y Mejores Prácticas
Al usar Índigo en sus diseños, considere su impacto psicológico y asociaciones culturales. Este color funciona bien en web design, branding, and marketing materials y puede combinarse efectivamente con colores complementarios para crear composiciones visuales impactantes.
Consideraciones de Accesibilidad
Al usar Índigo como color de texto o fondo, asegure relaciones de contraste suficientes para cumplimiento de accesibilidad. Pruebe sus combinaciones de colores contra las directrices WCAG para asegurar legibilidad para todos los usuarios.