Gradiente dourado: códigos de ouro metálico que parece de verdade

Um gradiente dourado parece metal de verdade quando cobre uma ampla faixa de luminosidade: uma sombra marrom profunda, um meio de ocre apagado, um realce estreito de creme pálido e a volta ao marrom. O código clássico para começar é linear-gradient(135deg, #5c3d12, #b8862b, #f3dc9a, #c79a3c, #7a5418). A maioria dos gradientes dourados falha porque usa dois amarelos e laranjas vivos sem sombra nem realce de verdade, o que parece tinta laranja e não metal.

Códigos de gradiente dourado para copiar

Por que seu gradiente dourado parece laranja

Nas telas, o ouro é uma ilusão feita de contraste. Não existe pixel dourado, só marrons e amarelos arranjados para que o olho leia uma superfície refletora. Quando algo dá errado, em geral dá errado de uma entre quatro maneiras.

O problema do laranja é o mais comum porque o amarelo escolhido num seletor de cores costuma parecer pálido demais, e as pessoas o esquentam. Resista: mantenha o matiz do tom médio em torno do ocre, mais ou menos onde o amarelo encontra o marrom, e deixe o contraste dar o brilho. Se o que você quer mesmo é uma mistura quente simples, gradiente amarelo e gradiente laranja tratam direto disso.

Como iluminar o ouro para que pareça real

1. 1

   Comece pela sombra

   Escolha um marrom quente e profundo. Ele deve ser escuro o bastante para que um texto branco se leia sobre ele.

2. 2

   Acrescente um tom médio apagado

   Um dourado ocre, levemente dessaturado. É a cor de que as pessoas vão se lembrar, então a maior parte da superfície fica aqui.

3. 3

   Coloque um realce estreito

   Um creme pálido numa faixa fina, fora do centro. Quanto mais estreito, mais brilhante o metal parece.

4. 4

   Volte à sombra

   Recue para um ocre mais escuro depois do realce, para que a luz se leia como reflexo numa superfície curva.

5. 5

   Acrescente um segundo realce, mais fraco

   Opcional: um leve brilho perto da outra ponta, como se uma segunda luz pegasse a borda. Faz formas chapadas parecerem arredondadas.

O ouro reflete como qualquer metal polido, então vale a mesma lógica do efeito de texto cromado, só que mais quente e com transições mais suaves. Gradientes dourados com trechos longos e sutis podem mostrar faixas após a compressão; faixas em gradientes explica como uma granulação fina evita isso.

Texto dourado em CSS

.gold {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  font-size: clamp(2.5rem, 8vw, 6rem);
  color: #c79a3c; /* fallback */
  background: linear-gradient(
    135deg,
    #5c3d12 0%, #b8862b 22%, #f3dc9a 45%,
    #c79a3c 58%, #7a5418 80%, #d6b062 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-rule {
  height: 2px;
  border: 0;
  background: linear-gradient(90deg, transparent, #b8862b 20%, #f3dc9a 50%, #b8862b 80%, transparent);
}

Gradientes dourados combinam com fontes serifadas e de alto contraste em tamanhos grandes. Abaixo de cerca de 24 pixels, a sombra e o realce se misturam num marrom uniforme, então use texto pequeno num tom dourado sólido como #c79a3c e confira o contraste com o fundo. Texto com gradiente trata do suporte dos navegadores à técnica de recorte.

Gradientes dourados na impressão

Um gradiente dourado é uma imagem de metal, não metal. Impresso em tinta comum de quatro cores, ele sai como marrons e amarelos que sugerem brilho, o que é aceitável para flyers e pôsteres, mas nunca realmente reflexivo. Para convites, cartões de visita e embalagens em que o brilho de verdade importa, as gráficas usam tintas metálicas ou hot stamping, e você entrega a área dourada como uma forma chapada separada na arte.

Se você imprimir um gradiente, espere que saia um pouco mais escuro e menos vivo do que na tela. Clareie um pouco o realce, evite trechos sutis muito longos que podem formar faixas e peça uma prova antes de uma tiragem grande.

Como projetar com ouro

O ouro parece precioso quando é raro. Uma borda fina, um monograma, uma palavra de um título, uma linha divisória: sobre um fundo escuro de preto, azul-marinho, vinho ou verde profundo. Cubra um pôster inteiro de ouro e ele vira latão. Gradiente preto e dourado tem combinações para a mais clássica das duplas, e design de marca de luxo mostra como o ouro entra numa identidade contida.

Para um visual quente que vive atrás de cada design em vez de ser refeito toda vez, busque no Mercado do Gradiently com palavras de cor como “dourado quente” ou “bronze”. Cada Mark é um fundo vivo com luz e granulação, que só pode ter um dono por vez e mantém a área mais calma atrás das suas palavras em todos os tamanhos.