Cor: Coral
Informações completas da cor e ferramentas de conversão para Coral
Converta Coral para todos os principais formatos de cores. Clique em qualquer valor para copiar para a área de transferência.
Teste Coral para conformidade de acessibilidade e relações de contraste de cores.
Relações de Contraste Básicas
Conformidade WCAG 2.1
Relação necessária: 4.5:1
Relação necessária: 3:1
Relação necessária: 7:1
Relação necessária: 4.5:1
Recomendações de Uso
✓ Excelente para acessibilidade
Esta cor atende aos padrões AAA e é adequada para todos os tamanhos de texto e elementos UI.
Cor de texto recomendada: Use texto #000000 para legibilidade ideal em fundos Coral.
Cores similares a Coral baseadas em matiz e saturação.
Sobre a Cor Coral
A cor Coral (#FF7F50) é uma cor orange que pertence à paleta de cores seguras para web. Este guia abrangente cobre tudo o que você precisa saber sobre Coral, incluindo suas especificações técnicas, impacto psicológico, aplicações de design e exemplos de uso prático.
Coral tem o código hexadecimal #FF7F50 e valores RGB de 255, 127, 80. No espaço de cores HSL, tem um matiz de 16°, saturação de 100% e luminosidade de 66%. Esta cor é amplamente suportada em todos os navegadores e aplicações de design.
Descubra o impacto psicológico e a significância cultural de Coral.
Emoções Associadas
Entusiasmo, criatividade, calor, aventura, diversão
Simbolismo e Significado
Energia, vitalidade, alegria, acessibilidade
Marketing e Marca
Cria emoção, promove compras impulsivas, parece amigável
Aprenda a usar efetivamente Coral em vários contextos de design.
Design Web
- • Headers
- • Links
- • Corporate themes
- • Trust indicators
- • Professional layouts
Design de Interiores
- • Bedrooms
- • Bathrooms
- • Office spaces
- • Coastal themes
Design Gráfico
- • Corporate branding
- • Healthcare materials
- • Technology themes
- • Professional presentations
Moda e Vestuário
- • Business attire
- • Denim
- • Formal wear
- • Casual shirts
Detalhes técnicos completos e informações do espaço de cores para Coral.
Temperatura da Cor
Comprimento de Onda Dominante
Pureza da Cor
Índice de Brilho
Exemplos do mundo real e snippets de código mostrando como usar Coral.
Exemplos CSS
Dicas de Design e Melhores Práticas
Ao usar Coral em seus designs, considere seu impacto psicológico e associações culturais. Esta cor funciona bem em web design, branding, and marketing materials e pode ser efetivamente combinada com cores complementares para criar composições visuais impactantes.
Considerações de Acessibilidade
Ao usar Coral como cor de texto ou fundo, garanta relações de contraste suficientes para conformidade de acessibilidade. Teste suas combinações de cores contra as diretrizes WCAG para garantir legibilidade para todos os usuários.