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

O que conta como um tom de marrom?

O marrom é a família que não existe no espectro: é laranja escuro, e todos os tons abaixo são matizes entre o vermelho e o amarelo com a luminosidade puxada para baixo. Daí a lista ser tão longa — 22 entradas que vão do quase branco Bege #F5F5DC e do Trigo #F5DEB3, passando por Tan #D2B48C, Camelo #C19A6B e Chocolate #D2691E, até Café #6F4E37, Taupe #483C32 e Espresso #4E3524.

Os nomes se agrupam por origem, o que ajuda na escolha. Marrons de comida — Caramelo #C68E17, Canela #D27D2D, Mocha #967969 — ficam na faixa quente e média-clara. Marrons de terra e pigmento — Ocre #CC7722, Siena #A0522D, Umbra #635147 — são a paleta tradicional do pintor e soam mais apagados. E os mais escuros, Espresso e Taupe, funcionam como alternativas quentes ao preto, exatamente o que uma paleta precisa quando o preto puro fica duro demais.

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

O marrom se lê como firme e duradouro. É a cor da madeira, do couro, da terra e do café, então carrega confiabilidade e ofício como nenhuma cor de laboratório: por isso domina em móveis, equipamento de montanha e tudo que se apresenta como feito, e não como fabricado.

É também o menos na moda dos doze, e isso corta dos dois lados. O marrom raramente empolga e é a cor que mais aparece como a menos preferida em pesquisas, mas essa mesma falta de moda faz com que ele soe honesto e sem pressa. Ao lado de creme e bege, vira a paleta padrão da comida artesanal e da embalagem orgânica; usado sozinho e muito escuro, soa pesado e antiquado.

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

vermelholaranjaamareloverdecianoazulroxorosacinzapretobrancoTodas as famílias