A versão curta
- Um gradiente bege parece calmo e sofisticado quando todas as paragens partilham o mesmo subtom: rosa, amarelo ou cinzento.
- Os gradientes bege precisam de uma amplitude de luminosidade maior do que se imagina, ou a mistura desaparece e o design fica plano.
- Gradientes claros e de baixo contraste sofrem facilmente de banding nos ecrãs, e uma camada de grão fino é a correção mais fiável.
- Castanhos escuros e quentes, como o café expresso, resultam melhor sobre bege do que o preto puro, e o texto branco raramente funciona.
- Os gradientes areia vão do creme pálido a um dourado tostado, tal como uma duna escurece no lado da sombra.
Nesta página
Um gradiente bege mistura neutros quentes, creme, areia, aveia e linho, de um tom claro para outro ligeiramente mais profundo, todos com o mesmo subtom. Bem feito, transmite calma, naturalidade e uma sofisticação discreta, e é por isso que a cosmética, os interiores, os casamentos e a moda lenta o adoram. Mal feito, parece a digitalização de um envelope antigo. A diferença resume-se a três escolhas: um subtom, amplitude suficiente e um pouco de textura. Seguem-se os códigos para cada estilo.
Escolhe um subtom antes de escolheres uma cor
Todos os beges têm uma inclinação. Os beges rosados parecem suaves, quase de pele. Os beges amarelados parecem solares e arenosos. Os beges acinzentados, muitas vezes chamados greige, parecem arquitetónicos e frios. Misturar subtons num só gradiente é a principal razão para o bege parecer sujo: uma paragem rosada ao lado de uma cinzenta lê-se como uma mancha, não como uma mistura. Decide primeiro e mantém-te nesse subtom.
Códigos de gradientes areia
Um gradiente areia segue uma duna: claro e cremoso do lado virado para o sol, mais profundo e dourado do lado da sombra. São os beges mais quentes desta lista e os mais indulgentes, porque o subtom amarelo impede-os de passarem a cinzento.
Códigos de linho, aveia e pedra
Estes são os beges mais discretos, mais próximos do creme e do greige. Dão excelentes fundos para fotografias de produto e leitura longa, porque ficam em segundo plano e deixam o resto brilhar. O linho é o mais subtil, quase nem chega a ser um gradiente; o bege rosado traz o subtom rosa; a pedra é a mais fria, quase cinzenta.
Para a família mais ampla de tons calmos, vê as paletas de cores neutras e as cores terra. Quando quiseres o extremo mais escuro da mesma família, café e caramelo, os códigos do gradiente castanho continuam onde estes acabam.
Porque é que os gradientes bege têm banding e como corrigir
Os gradientes claros e de pequena amplitude só passam por um punhado de valores de cor distintos, por isso o ecrã desenha-os em degraus visíveis, e a compressão forte agrava o problema. O bege é particularmente propenso a isto. Uma camada de grão fino desfaz os degraus e, como bónus, faz o bege parecer papel, estuque ou tecido em vez de uma cor de ecrã. O artigo sobre banding em gradientes explica a causa em pormenor.
.sand {
position: relative;
background: linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%);
}
.sand::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.18;
mix-blend-mode: multiply;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}Mais receitas de grão, e até onde ir, estão em gradientes granulados. Os Marks da Gradiently trazem o grão como parte da receita, por isso um Mark bege chega com a textura já equilibrada em todos os tamanhos.
Cores de texto que ficam bem no bege
#3b2a1eEfeito
Usar em
#2b2b2bEfeito
Usar em
Hex
#3d4a2fEfeito
Usar em
Hex
#a4502fEfeito
Usar em
#ffffffEfeito
Usar em
Um bege que acalma, sem ser monótono
Parece monótono
- Beges rosados, amarelados e acinzentados na mesma mistura
- Duas paragens tão próximas que a mistura é invisível
- Uma superfície digital limpa com bandas visíveis
- Texto preto puro e um layout carregado
- Texto branco sobre areia clara
Parece calmo
- Um só subtom em todas as paragens
- Uma amplitude clara, do creme à areia tostada
- Um grão fino que se lê como papel ou estuque
- Texto expresso e muito espaço
- Tinta escura, com um único acento terracota
O bege premeia a contenção. Poucas palavras, muito espaço e uma fotografia de produto forte parecem mais caros do que qualquer quantidade de decoração. É esse o estilo por trás da maioria do bom design de marcas de cosmética, e funciona igualmente bem em papelaria de casamento e estúdios de interiores.
Uma publicação de lançamento de cosmética num Mark areia. Texto expresso, uma linha, muito ar.
Onde um gradiente bege ganha o seu lugar
O bege trabalha mais onde apoia outra coisa: um produto, uma fotografia, umas quantas palavras bem escolhidas. Alguns sítios onde brilha, com os tamanhos para desenhar:
- Fotografias de produto: um gradiente de linho ou aveia atrás de uma garrafa ou de uma peça de cerâmica, a 2048×2048 para uma imagem de produto Shopify, mantém o objeto como protagonista.
- Papelaria de casamento: bege rosado ou areia para convites de 5×7 in (1500×2100 a 300 dpi), com texto expresso ou verde-azeitona escuro. Mais ideias em paletas de cores para casamentos.
- Interiores e arquitetura: gradientes de pedra e greige para capas de portefólio e publicações de projetos, onde a fotografia dá a cor. Vê branding para designers de interiores.
- Secções de sites: um gradiente de linho atrás de um testemunho ou de uma tabela de preços separa-o das secções brancas sem uma borda dura.
- Um feed de Instagram calmo: alterna publicações areia com fotografias e o feed lê-se como um todo ponderado.
Como o bege é tão subtil, o mesmo gradiente pode parecer certo num story e desbotado num banner largo. Renderiza-o para cada formato em vez de esticares um único ficheiro, e confirma a paragem mais clara num telemóvel com o brilho no máximo, onde o bege pálido pode aproximar-se do branco simples.
Perguntas frequentes
Que cores compõem um gradiente bege?
Tons de creme, areia, aveia e linho que partilham um único subtom, por exemplo #f6ead6 para #e8cfa8 para #c9a273 num gradiente areia quente.
Porque é que o meu gradiente bege parece sujo?
Normalmente porque mistura subtons, como um bege rosado ao lado de um acinzentado. Mantém todas as paragens na mesma família.
Que cor de letra uso num fundo bege?
Um castanho escuro e quente, como o expresso #3b2a1e, lê-se com clareza e parece mais suave do que o preto. O carvão fica bem nos greiges mais frios.
Como evito o banding num gradiente claro?
Aumenta a amplitude entre a primeira e a última paragem, junta uma camada de grão fino por cima do gradiente e exporta em PNG em vez de JPEG comprimido.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil