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

O que conta como um tom de laranja?

O laranja é a faixa estreita entre o vermelho e o amarelo, mais ou menos entre 15° e 45° de matiz, e é a família em que os nomes mais trabalham. Os 17 tons começam com o quase incolor Pêssego #FFE5B4 e o Damasco #FBCEB1, passam por Coral #FF7F50 e Tomate #FF6347, chegam ao laranja puro #FFA500 e terminam nos tons de terra: Laranja Queimado #CC5500, Ferrugem #B7410E e Bronze #CD7F32.

A família se divide em duas metades nítidas. Acima do laranja estão os nomes de fruta — Tangerina #F08000, Abóbora #FF7518, Caqui #EC5800 —, todos vivos, saturados e quentes o bastante para brilhar sobre branco. Abaixo, a saturação despenca e as cores viram minerais: Ferrugem e Bronze são o que sobra do laranja quando se tira a luz, e por isso funcionam como neutros numa paleta, coisa que a ponta brilhante nunca consegue.

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

O laranja se lê como enérgico sem a ameaça do vermelho. É a cor padrão de chamadas para ação que querem entusiasmo, não alarme, e é incomumente visível tanto sobre fundos escuros quanto à luz do dia — motivo pelo qual coletes de segurança, cones de trânsito e botes salva-vidas convergiram para ele.

Sazonalmente é a cor mais carregada das doze. Abóbora e Laranja Queimado trazem outono e Halloween quase automaticamente, e Âmbar #FFBF00 e Malmequer #EAA221 puxam para colheita e aconchego. Usado o ano todo em marcas, sinaliza acessibilidade e bom preço, e é por isso que companhias aéreas de baixo custo e lojas de material de construção voltam sempre a ele.

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

vermelhoamareloverdecianoazulroxorosamarromcinzapretobrancoTodas as famílias