Cor Vermelho: código #FF0000

Vermelho

#FF0000

Códigos da cor

  • HEX#FF0000
  • RGBrgb(255, 0, 0)
  • HSLhsl(0, 100%, 50%)
  • HSVhsv(0, 100%, 100%)
  • CMYKcmyk(0%, 100%, 100%, 0%)
  • LABlab(53.2% 80.1 67.2)
  • OKLCHoklch(62.8% 0.258 29.2)

Sobre a cor Vermelho

Vermelho tem o código HEX #FF0000, que corresponde a rgb(255, 0, 0) no modelo RGB. No círculo cromático, seu matiz fica em 0°, com 100% de saturação e 50% de luminosidade (hsl(0, 100%, 50%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 5,25:1 sobre ela, contra 3,99:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 100%, 100%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Vermelho

Complementar

#FF0000 · #00FFFF

Análoga

#FF0080 · #FF0000 · #FF8000

Tríade

#FF0000 · #00FF00 · #0000FF

Tetrádica

#FF0000 · #80FF00 · #00FFFF · #8000FF

Complementar dividida

#FF0000 · #00FF80 · #0080FF

Monocromática

#800000 · #CC0000 · #FF0000 · #FF4D4D · #FF9999

Vermelho com texto branco e preto

Texto branco Aa Bb Cc 123
3,99:1 · só texto grande
Texto preto Aa Bb Cc 123
5,25:1 · AA

Testar outras combinações no verificador de contraste

O vermelho #FF0000 é o canal R do monitor aceso no máximo, com os outros dois apagados. É a cor mais “crua” que uma tela consegue mostrar, e é justamente por isso que quase nunca aparece pura em projetos bem resolvidos: designers costumam partir dela e ajustar a luminosidade ou puxar levemente para o laranja ou para o carmim.

Significado e percepção

Em boa parte do Ocidente, o vermelho é associado a paixão, energia, urgência e perigo. No trânsito brasileiro, é a cor do “Pare” e do semáforo fechado, o que reforça a leitura de alerta. Na China e em outras culturas do Leste Asiático, ele simboliza sorte e celebração e aparece em casamentos e no Ano-Novo Lunar. Em algumas regiões da África do Sul, por outro lado, é ligado ao luto. Por isso, trate qualquer “significado” como contextual: o mesmo vermelho vende promoção em uma vitrine e sinaliza erro em um formulário. Para se aprofundar, veja o guia de psicologia das cores.

Onde o vermelho funciona

Interfaces e web

É a cor convencional de erro, exclusão e notificações. Use com parcimônia: se tudo é vermelho, nada é urgente. Em botões destrutivos (“Excluir conta”), um vermelho um pouco mais escuro que #FF0000 passa seriedade sem gritar.

Moda e decoração

Uma peça vermelha concentra o olhar, então funciona melhor como ponto focal: um batom, um sapato, uma poltrona ou uma porta de entrada. Em paredes inteiras, tons mais fechados, como o vinho ou o marsala, cansam menos.

Impressão

Em CMYK, o vermelho sai de magenta e amarelo a 100%. O resultado impresso costuma ser menos luminoso do que na tela, por isso vale fazer prova de cor antes de aprovar uma embalagem ou um cartaz.

Como combinar

Dica de contraste: texto branco sobre #FF0000 tem contraste de 4,0:1, abaixo do mínimo de 4,5:1 da WCAG para texto normal. Texto preto chega a 5,25:1. Se precisar de texto branco, escureça o vermelho até algo como #D00000 e confira no verificador de contraste. Lembre também que pessoas com daltonismo vermelho-verde podem não distinguir o vermelho de erro do verde de sucesso: acompanhe a cor de um ícone ou texto.

Como usar em CSS

:root {
  --color-red: #FF0000;
  --color-red-rgb: 255, 0, 0;
}

.elemento {
  background-color: var(--color-red);
  color: #000000;
}

Cores parecidas

Use Vermelho nas ferramentas