Gradiente bordeaux: códigos ricos de vinho e grená

Um gradiente bordeaux mistura vermelhos escuros e ligeiramente arroxeados: o bordeaux clássico #800020, o vinho #7f1d3a e o sangue de boi escuro #4a0e1f, normalmente a esbater para quase preto, a suavizar-se em rosa e rosado, ou iluminado com um toque de dourado. O truque para o manter rico é misturar o bordeaux só com os seus parentes, vermelhos, rosas, ameixas e castanhos muito escuros, e dar-lhe um parceiro creme ou dourado em vez de branco. Abaixo ficam os códigos, as diferenças entre bordeaux, grená e vinho e as cores de texto que funcionam.

Bordeaux, grená, vinho e sangue de boi: qual é a diferença

As pessoas usam estes nomes à vontade, mas tendem em direções diferentes, e a direção importa quando constróis um gradiente. O bordeaux e o vinho tendem para o roxo, por isso misturam-se com elegância em ameixa e rosa. O grená e o sangue de boi tendem para o castanho, por isso assentam bem com cabedal, bege e latão. Se o teu gradiente parece ferrugem, provavelmente misturaste um grená acastanhado com um rosa frio.

Códigos de gradiente bordeaux profundo

Os gradientes bordeaux mais úteis são escuros: um fundo quase preto com luz de vinho a subir por ele. Parecem caros porque há muito pouca cor viva, e a que há brilha. Mantém o vermelho mais claro longe de onde vão ficar as palavras.

Vivem perto da ponta mais escura dos gradientes vermelhos, mas com menos fogo e mais profundidade. Os vermelhos escuros formam banding com facilidade em imagens comprimidas, por isso acrescenta um pouco de grão antes de exportar.

Bordeaux com dourado, rosado e ameixa

O bordeaux raramente funciona sozinho durante muito tempo. Cada um dos seus parceiros clássicos muda o ambiente. O dourado torna-o formal e festivo. O rosado torna-o romântico e suave. A ameixa torna-o sombrio e moderno. O azul-marinho, colocado ao lado e não misturado, dá-lhe um ar universitário.

O par bordeaux e dourado é o mais fácil de exagerar. Mantém o dourado numa nesga de uma orla ou no texto, e lê-se como vinho fino e não como disfarce. Para mais sobre o dourado escuro, vê gradientes preto e dourado.

Como evitar que um gradiente bordeaux vire castanho

1. 1

   Escolhe uma direção: roxo ou castanho

   Decide se o teu bordeaux tende para vinho ou para cabedal, e mantém todas as cores do gradiente a tender para o mesmo lado.

2. 2

   Escurece rumo ao quase preto, não ao cinzento

   Um bordeaux a esbater para cinzento quente parece empoeirado. Esbate para um preto com tom vermelho como #14050a e mantém-se rico.

3. 3

   Nunca mistures com verde ou azeitona

   O verde é oposto ao vermelho na roda de cores, por isso o meio da mistura fica cinzento-acastanhado. Gradientes turvos mostra o efeito.

4. 4

   Aclara com rosa, não com laranja

   Para tornar o bordeaux mais claro, passa pela granada e pelo rosa antigo. O laranja puxa-o para a ferrugem.

5. 5

   Acrescenta grão fino

   Os vermelhos profundos comprimem mal e formam banding em degraus. Uma camada leve de ruído mantém a superfície lisa e dá-lhe um toque de veludo ou papel.

Cores de texto sobre um gradiente bordeaux

O bordeaux é escuro o suficiente para que o texto claro se leia sem esforço em quase toda a sua extensão. O branco puro pode parecer austero; um creme quente mantém todo o design suave. O dourado lê-se bem sobre os vermelhos mais escuros e é lindo para um nome ou uma data, mas usa-o em tamanhos grandes. Os rácios abaixo usam a fórmula WCAG, em que 4,5:1 é o mínimo habitual para texto pequeno.

Ambos os designs mantêm as palavras numa ponta da mistura. Texto sobre gradiente explica como lidar com uma linha que tem de atravessar do escuro ao claro.

Um fundo de gradiente bordeaux em CSS

.section--wine {
  background-color: #2a0a12;
  background-image:
    radial-gradient(circle at 75% 20%, #9f1239 0%, transparent 45%),
    radial-gradient(circle at 10% 95%, #4a0e1f 0%, transparent 55%),
    linear-gradient(160deg, #2a0a12 0%, #800020 100%);
  color: #fdf2e9;
}

.section--wine .accent {
  color: #d4a24c;
}

Gradientes radiais em camadas sobre uma base linear dão ao bordeaux a profundidade de um tecido em vez da planura de um preenchimento. A mesma ideia, com mais pormenor, está em gradientes radiais em CSS.

Onde o bordeaux funciona

O bordeaux tem o calor do vermelho sem a sua urgência, e é por isso que raramente aparece em faixas de saldos e muitas vezes aparece em ementas, convites e rótulos. Serve bares de vinho e restaurantes, beleza e perfumaria, livrarias, universidades, campanhas de inverno e festivas e coleções de outono. Combina também naturalmente com as paletas de tons terrosos que muitas marcas de estilo de vida usam, como o acento profundo entre bege e azeitona.

Se queres um visual de vermelho profundo que seja mesmo teu, e não um código hex que qualquer pessoa pode copiar, explora Marks bordeaux e vinho no Mercado do Gradiently escrevendo uma palavra de cor como “vinho”. Cada Mark é único, desenha-se em todos os tamanhos de que precisas e mantém as tuas palavras legíveis nas suas partes mais escuras e mais claras.