Gradiente verde lima: códigos vivos, com controlo

Um gradiente verde lima mistura o lado amarelo do verde: cítrico pálido como #d9f99d, lima vivo como #a3e635 e tons de folha mais profundos como #65a30d, muitas vezes a esbater para quase preto, azeitona, limão ou verde-azulado. O controlo vem de três escolhas: quanta superfície é lima, em que fundo assenta e de que cor são as palavras. Acertando nisto, o lima parece intencional e atual. Abaixo tens códigos de gradiente lima para cada ambiente, as tintas que se leem neles e as combinações que ficam limpas.

Porque o lima se comporta de forma diferente dos outros verdes

O lima fica entre o amarelo e o verde no círculo cromático e, tal como o amarelo, é extremamente claro mesmo com saturação máxima. Daí vem tanto a sua energia como os seus problemas. Salta de um ecrã escuro, mas também apaga o texto branco e cansa a vista quando ocupa uma área grande. Um verde-floresta ou esmeralda comporta-se mais como o azul; o lima comporta-se mais como um marcador fluorescente. A família completa está em gradientes verdes.

Códigos de gradiente verde lima sobre fundo escuro

É aqui que o lima ganha a fama. Sobre um fundo quase preto, um pequeno brilho de lima parece elétrico sem cansar, porque a vista tem onde descansar. Limita o lima a um canto ou a uma faixa e deixa o fundo fazer a maior parte do trabalho.

Estas misturas escuras são onde o banding aparece primeiro, sobretudo depois de uma plataforma as recomprimir. Uma camada fina de grão resolve, e fundos de gradiente escuros tem mais fundos para experimentar.

Gradientes lima suaves e pastéis cítricos

O lima suavizado em direção ao creme ou à menta perde o grito e fica fresco, limpo e ligeiramente botânico. Combina com cafés, bares de sumos, cuidados de pele e campanhas de primavera. Aquece uma ponta com um pouco de limão ou creme, para o resultado parecer banhado de sol e não clínico.

Se queres que a cor se incline mais para o fresco e limpo, os gradientes menta ficam mesmo ao lado.

Cores que combinam bem com lima

O lima mistura-se bem com os vizinhos: amarelo de um lado, verde e verde-azulado do outro. Essas transições mantêm-se vivas do princípio ao fim. O problema começa com as cores do lado oposto do círculo. O roxo e o magenta estão perto do complementar do lima, e uma mistura direta entre eles passa por um meio cinzento e baço. Gradientes turvos mostra exatamente porque acontece.

Cores de texto que se leem sobre lima

Como o lima é tão claro, o instinto de lhe pôr texto branco está quase sempre errado. A resposta é tinta escura, de preferência um verde muito profundo para o design ficar todo na mesma família. As razões abaixo foram medidas com a fórmula de contraste WCAG; 4,5:1 é o mínimo habitual para texto corrido. Para mais sobre o método, vê contraste de cor e acessibilidade.

Repara na última linha: o lima é uma cor de texto soberba sobre preto. Um título lima sobre um gradiente quase preto é das combinações mais legíveis que existem. Texto sobre gradiente explica o que fazer quando as palavras atravessam os dois extremos de uma mistura.

CSS de gradiente lima para botões e heros

Na web, o lima funciona de forma brilhante como apelo à ação numa página escura e mal como fundo de página inteira. O excerto abaixo dá um hero escuro com brilho lima e um botão lima com texto escuro. Interpolar em OKLCH mantém a mistura viva onde o sRGB desceria; gradientes OKLCH em CSS explica a sintaxe.

.hero {
  min-height: 80vh;
  background-color: #0b0f05;
  background-image:
    radial-gradient(circle at 85% 15%, #a3e635 0%, transparent 40%),
    linear-gradient(160deg, #0b0f05 0%, #1a2e05 100%);
  color: #f7fee7;
}

.button {
  background: linear-gradient(135deg, #bef264, #84cc16);
  background: linear-gradient(135deg in oklch, #bef264, #84cc16);
  color: #1a2e05;
  border: 0;
  border-radius: 999px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
}

Onde um gradiente verde lima funciona melhor

• Desporto e fitness: dias de jogo, inscrições em corridas, equipamento novo. O lima sobre preto lê-se como velocidade.
• Música e vida noturna: noites de clube e capas de lançamentos, onde fica naturalmente ao lado dos gradientes néon.
• Tecnologia e lançamentos de produto: um único acento lima faz uma interface escura parecer ligada.
• Comida e bebida frescas: sumos, saladas, cocktails e tudo o que seja cítrico, na gama pastel mais suave.
• Campanhas de primavera: lima pálido e limão dizem nova estação sem o habitual rosa pastel.

Como o lima é tão reconhecível, também é fácil parecer igual a todos os que o escolheram este ano. No Gradiently, cada Mark é comparado com todos os outros e recusado se estiver demasiado próximo, por isso um visual lima que reserves é um que mais ninguém pode exportar. A legibilidade também se ajusta atrás de cada linha, por isso o lima nunca acaba por baixo de palavras brancas por acidente.