ColorConvert.netColor Convert

Cor: Vermelho

Informações completas da cor e ferramentas de conversão para Vermelho

Categoria: red
Fonte da Cor: web
Luminância: 21.3%
Formatos de Cores

Converta Vermelho para todos os principais formatos de cores. Clique em qualquer valor para copiar para a área de transferência.

HEX
#FF0000
RGB
255, 0, 0
HSL
0, 100, 50
HSV
0, 100, 100
CMYK
0, 100, 100, 0
LAB
53, 80, 67
Acessibilidade e Contraste

Teste Vermelho para conformidade de acessibilidade e relações de contraste de cores.

Relações de Contraste Básicas

Vermelho on White
4.00:1
Vermelho on Black
5.25:1

Conformidade WCAG 2.1

Padrão AA (Texto Normal)

Relação necessária: 4.5:1

PASS
Padrão AA (Texto Grande)

Relação necessária: 3:1

PASS
Padrão AAA (Texto Normal)

Relação necessária: 7:1

FAIL
Padrão AAA (Texto Grande)

Relação necessária: 4.5:1

PASS

Recomendações de Uso

⚠ Bom para acessibilidade

Esta cor atende aos padrões AA. Use com texto black para melhores resultados.

Cor de texto recomendada: Use texto #000000 para legibilidade ideal em fundos Vermelho.

Cores Similares

Cores similares a Vermelho baseadas em matiz e saturação.

Ferramentas de Cores

Ferramentas profissionais para trabalhar com Vermelho e criar esquemas de cores.

Sobre a Cor Vermelho

A cor Vermelho (#FF0000) é uma cor red que pertence à paleta de cores seguras para web. Este guia abrangente cobre tudo o que você precisa saber sobre Vermelho, incluindo suas especificações técnicas, impacto psicológico, aplicações de design e exemplos de uso prático.

Vermelho tem o código hexadecimal #FF0000 e valores RGB de 255, 0, 0. No espaço de cores HSL, tem um matiz de 0°, saturação de 100% e luminosidade de 50%. Esta cor é amplamente suportada em todos os navegadores e aplicações de design.

Psicologia e Significado da Cor

Descubra o impacto psicológico e a significância cultural de Vermelho.

Emoções Associadas

Paixão, energia, excitação, poder, amor, raiva

Simbolismo e Significado

Força, coragem, determinação, perigo, advertência

Marketing e Marca

Cria urgência, estimula o apetite, chama a atenção

Aplicações de Design

Aprenda a usar efetivamente Vermelho em vários contextos de design.

Design Web

  • Call-to-action buttons
  • Error messages
  • Sale/discount badges
  • Navigation highlights

Design de Interiores

  • Accent walls
  • Dining room decor
  • Kitchen accessories
  • Bold furniture pieces

Design Gráfico

  • Headlines
  • Sale promotions
  • Warning signs
  • Logo accents

Moda e Vestuário

  • Evening wear
  • Power suits
  • Accessories
  • Statement pieces
Especificações Técnicas

Detalhes técnicos completos e informações do espaço de cores para Vermelho.

Temperatura da Cor

Warm

Comprimento de Onda Dominante

620-750nm

Pureza da Cor

100%

Índice de Brilho

127/255
Exemplos de Uso

Exemplos do mundo real e snippets de código mostrando como usar Vermelho.

Exemplos CSS

background-color: #FF0000;
color: #FF0000;
border: 2px solid #FF0000;
box-shadow: 0 4px 8px #FF000033;
background: linear-gradient(45deg, #FF0000, #ff3333);

Dicas de Design e Melhores Práticas

Ao usar Vermelho 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 Vermelho 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.

Cores Red Relacionadas

Explore outras cores red que compartilham características similares com Vermelho.