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

O que conta como um tom de rosa?

O rosa não é uma matiz própria: é vermelho com a luminosidade elevada ou a saturação cortada, e por isso os 17 tons abaixo ocupam uma faixa tão larga. Os mais claros, LavenderBlush #FFF0F5 e MistyRose #FFE4E1, são brancos apenas tingidos. O meio reúne os rosas que as pessoas realmente nomeiam: Rosa #FFC0CB, LightPink #FFB6C1, Rosa Chiclete #FFC1CC. A ponta profunda — DeepPink #FF1493, Cereja #DE3163, MediumVioletRed #C71585 — está mais perto do magenta do que do rubor.

A distinção mais útil aqui é quente contra frio. Rosa Salmão #F88379, Melancia #E37383 e Flamingo #FCA3B7 carregam laranja e se leem suaves e naturais; HotPink #FF69B4, Rosa Neon #FF10F0 e Rosa Choque #FF007F carregam azul e se leem elétricos. Misturar os dois grupos numa mesma paleta é o jeito mais rápido de um design parecer acidental, então escolha o lado antes de escolher o tom.

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

A leitura de gênero do rosa é recente e regional: antes dos anos 1940 ele era rotineiramente vendido como a cor dos meninos, por ser um vermelho diluído. Trate isso como variável cultural viva, e não como significado fixo, sobretudo em trabalhos para mercados fora do Ocidente.

Seu efeito constante é suavizar. Um rosa claro tira a agressividade do vermelho mantendo o calor, e por isso domina em cosméticos, confeitaria e hotelaria. A ponta saturada faz o contrário: HotPink e Rosa Neon são deliberadamente barulhentos e um tanto rebeldes, com associações fortes ao punk, ao pop e ao design dos anos 1980 que uma marca ou quer ou precisa evitar ativamente.

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

vermelholaranjaamareloverdecianoazulroxomarromcinzapretobrancoTodas as famílias