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

O que conta como um tom de roxo?

O roxo fica entre o azul e o vermelho e não tem comprimento de onda próprio: o olho o constrói com as duas pontas do espectro ao mesmo tempo. Os 21 tons abaixo começam pálidos com Lavanda #E6E6FA, Cardo #D8BFD8 e Lilás #C8A2C8, ganham brilho em Violeta #EE82EE, Orquídea #DA70D6 e Magenta #FF00FF, e aprofundam em Púrpura Real #7851A9, Púrpura #800080 e Índigo #4B0082.

A divisão que importa é roxo avermelhado contra roxo azulado. Magenta, Orquídea e DarkMagenta #8B008B puxam para o vermelho e soam enérgicos, quase rosados; BlueViolet #8A2BE2, Ametista #9966CC e Índigo puxam para o azul e soam mais frios e sérios. RebeccaPurple #663399 é a exceção com história: foi acrescentado à especificação CSS em 2014 em memória da filha de um colaborador dos padrões web, e é a única cor nomeada desta página incluída por um motivo assim.

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 roxo comunica

As associações do roxo vêm direto do seu custo. O corante púrpura de Tiro era extraído de caramujos marinhos em quantidades que o tornavam mais caro que ouro, então, durante quase toda a história registrada, só a realeza e a Igreja o vestiram — o resíduo disso é o Púrpura Real ainda se ler como luxo, cerimônia e preço alto.

No uso moderno ele se divide por luminosidade. Roxos claros — Lavanda, Lilás, Malva #E0B0FF — se leem como calmos, florais e restauradores, e dominam em spas, sono e beleza. Roxos escuros e saturados se leem como criativos e um tanto fora do padrão, e por isso se concentram em entretenimento, games e marcas que querem sinalizar que não são mais uma empresa azul.

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

vermelholaranjaamareloverdecianoazulrosamarromcinzapretobrancoTodas as famílias