Color: Coral
Información completa del color y herramientas de conversión para Coral
Convierta Coral a todos los formatos de color principales. Haga clic en cualquier valor para copiar al portapapeles.
Pruebe Coral 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 #000000 para legibilidad óptima en fondos Coral.
Colores similares a Coral basados en matiz y saturación.
Acerca del Color Coral
El color Coral (#FF7F50) es un color orange que pertenece a la paleta de colores seguros para web. Esta guía completa cubre todo lo que necesita saber sobre Coral, incluyendo sus especificaciones técnicas, impacto psicológico, aplicaciones de diseño y ejemplos de uso práctico.
Coral tiene el código hexadecimal #FF7F50 y valores RGB de 255, 127, 80. En el espacio de color HSL, tiene un matiz de 16°, saturación de 100% y luminosidad de 66%. Este color es ampliamente compatible en todos los navegadores y aplicaciones de diseño.
Descubra el impacto psicológico y la significancia cultural de Coral.
Emociones Asociadas
Entusiasmo, creatividad, calidez, aventura, diversión
Simbolismo y Significado
Energía, vitalidad, alegría, asequibilidad
Marketing y Marca
Crea emoción, promueve compras impulsivas, parece amigable
Aprenda a usar efectivamente Coral 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 Coral.
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 Coral.
Ejemplos CSS
Consejos de Diseño y Mejores Prácticas
Al usar Coral 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 Coral 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.