Cor: Amarelo
Informações completas da cor e ferramentas de conversão para Amarelo
Converta Amarelo para todos os principais formatos de cores. Clique em qualquer valor para copiar para a área de transferência.
Teste Amarelo 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 Amarelo.
Cores similares a Amarelo baseadas em matiz e saturação.
Sobre a Cor Amarelo
A cor Amarelo (#FFFF00) é uma cor yellow que pertence à paleta de cores seguras para web. Este guia abrangente cobre tudo o que você precisa saber sobre Amarelo, incluindo suas especificações técnicas, impacto psicológico, aplicações de design e exemplos de uso prático.
Amarelo tem o código hexadecimal #FFFF00 e valores RGB de 255, 255, 0. No espaço de cores HSL, tem um matiz de 60°, saturação de 100% e luminosidade de 50%. Esta cor é amplamente suportada em todos os navegadores e aplicações de design.
Descubra o impacto psicológico e a significância cultural de Amarelo.
Emoções Associadas
Felicidade, otimismo, criatividade, energia, cautela
Simbolismo e Significado
Alegria, intelecto, brilho, advertência, covardia
Marketing e Marca
Chama atenção, promove alegria, estimula atividade mental
Aprenda a usar efetivamente Amarelo 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 Amarelo.
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 Amarelo.
Exemplos CSS
Dicas de Design e Melhores Práticas
Ao usar Amarelo 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 Amarelo 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.