Paleta de Cores

Cor vermelho

O vermelho puro da tela, com o canal vermelho no máximo e sem verde nem azul. Chama a atenção mais rápido do que qualquer outra cor, por isso aparece em avisos, promoções e botões de ação. Em excesso cansa a vista, então costuma ser usado em pequenas doses.

Também conhecida como: encarnado (Portugal).

Vermelho · #FF0000

Sobre a cor vermelho

O vermelho (#FF0000) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos vermelhos. É formada por 255 de vermelho, 0 de verde e 0 de azul (de 0 a 255). É usada principalmente em logos, sinalização, moda, web.

Tons de vermelho: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Cores que combinam com vermelho

PretoUma dupla poderosa e elegante.BrancoFresco e alegre.Azul-marinhoClássico de estilo náutico.CinzaAcalma o vermelho e deixa tudo sóbrio.BegeUma base quente e elegante.DouradoLuxo e festa.CarameloUm contraste quente e sofisticado.Rosa antigoUm contraste suave e da moda.
Como usar vermelho em roupas e decoração →

Harmonias da cor vermelho

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Ciano
AnálogasPróximo de: Rosa-choque, Laranja
TríadePróximo de: Verde neon, Azul
Complementar divididaPróximo de: Verde-menta, Azul-elétrico
TétradePróximo de: Chartreuse, Ciano, Violeta

Paletas com a cor vermelho

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Vermelho
Paleta análoga · Vermelho
Paleta complementar · Vermelho
Paleta tríade · Vermelho
Paleta com neutros · Vermelho
Paleta com destaque · Vermelho

Contraste de vermelho com texto

Texto brancoContraste 4.0:1 · AA texto grande
Texto pretoContraste 5.3:1 · AA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --vermelho: #FF0000;
  --vermelho-rgb: 255, 0, 0;
}
.fundo { background-color: var(--vermelho); }
.texto { color: var(--vermelho); }

Cores parecidas com vermelho

EscarlateVermelho FerrariLaranja-avermelhadoLaranja neonVermelhãoVermelho-cerejaVermelho-tomateMognoAbóboraCarmesim

Mais vermelhos

CarmesimEscarlateVermelhãoGrenáBorgonhaVinhoCarmimRubiVermelho-cerejaVermelho-tijoloVermelho-sangueMarsalaVermelho-tomateVermelho FerrariVermelho-indiano

Perguntas frequentes

Qual é o código da cor vermelho?

O código HEX da cor vermelho é #FF0000. Em RGB é rgb(255, 0, 0), em HSL é hsl(0, 100%, 50%) e em CMYK é 0, 100, 100, 0.

Qual é a cor complementar de vermelho?

A complementar no círculo cromático é #00FFFF, um tom próximo de ciano. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor vermelho?

Melhor usar texto preto: o contraste com o branco é só 4.0:1, enquanto com o preto é 5.3:1.

Quais cores combinam com vermelho?

Combina bem com preto, branco, azul-marinho, cinza, bege. Evite combinar com verde brilhante, porque fica com cara de Natal, ou com laranja intenso, porque carrega demais. Muito vermelho em grandes superfícies cansa.