Tons de Vermelho: Códigos Hex, RGB e HSL

O que conta como um tom de vermelho?

O vermelho ocupa a faixa do espectro em torno de 0° no círculo cromático, e os 22 tons abaixo a percorrem de ponta a ponta. No topo estão os vermelhos claros e pouco saturados, como LightSalmon #FFA07A e LightCoral #F08080; o vermelho puro #FF0000 marca o meio; e a cauda desce por Carmim #960018 e DarkRed #8B0000 até o Bordô #800020, um vermelho tão profundo que em doses pequenas se lê como neutro.

Descer a lista muda duas coisas ao mesmo tempo. A luminosidade cai, e é isso que transforma o Escarlate #FF2400 em Vermelho Sangue #880808; e a matiz desliza: o Vermelhão #E34234 puxa para o laranja, enquanto Framboesa #E30B5C e Rubi #E0115F já cruzaram quase todo o caminho para o rosa. Esse deslize explica por que uma página que usa vários vermelhos juntos precisa tirá-los do mesmo trecho da lista, e não ao acaso.

Como usar estes códigos de cor

1. Encontre seu tom. A lista vai do claro ao escuro, com uma amostra real ao lado de cada nome — percorra como se fosse uma cartela de tintas.
2. Clique em um código para copiar. Cada linha traz o valor hex, RGB e HSL daquela cor. Um clique copia exatamente esse texto para a área de transferência.
3. Cole no seu projeto. Leve o hex para o CSS, o Figma, o Photoshop ou um documento. Clicar na própria amostra também copia o hex, então você não precisa mirar no texto pequeno.

O que o vermelho comunica

O vermelho é a cor de maior ativação em uso comum. Ele puxa a atenção mais rápido do que qualquer outra na tela, por isso erros, alertas e selos de promoção recorrem a ele — e por isso interfaces que o usam em todo lugar cansam. Um único vermelho num layout rende mais do que três.

As leituras culturais se separam com clareza por tom. Vermelhos vivos passam urgência, apetite e paixão: é por isso que fast-food e etiquetas de liquidação se agrupam perto do #FF0000. Vermelhos profundos fazem o contrário: Bordô, Vinho #722F37 e Mogno #C04000 se leem como caros e pensados, e são a paleta padrão de rótulos de vinho, artigos de couro e escritórios de advocacia.

Limitações honestas

Um código hex é exato, mas a cor que você vê não é. O mesmo #FF0000 aparece diferente num celular OLED, num monitor de escritório barato e no papel impresso, porque cada dispositivo tem sua própria gama e calibração. Use estes valores como um ponto de partida preciso para tela e sempre confira uma prova física antes de mandar uma cor para gráfica: o CMYK não reproduz todos os tons desta lista.

Os nomes de cor misturam duas coisas. Os marcados com CSS são cores nomeadas oficiais: o nome funciona direto numa folha de estilo e todo navegador o resolve exatamente para aquele hex. Os demais são nomes convencionais — Bordô, Sálvia, Espresso — que não pertencem a nenhum padrão. Seus valores seguem a convenção mais citada, mas outra cartela pode colocá-los um pouco mais claros ou escuros, então cite o hex e não o nome quando o valor exato importar.

Por que é grátis?

O FreeToGenerate.com mantém todas as ferramentas realmente gratuitas. Esta página é uma lista estática de valores de cor exibida no seu navegador: nada para instalar, sem conta e sem versão premium escondendo metade da paleta. Copie quantos códigos precisar, quantas vezes quiser.

Outras famílias de cor

laranjaamareloverdecianoazulroxorosamarromcinzapretobrancoTodas as famílias