Degradado verde lima: códigos vibrantes y bajo control

Un degradado verde lima mezcla el lado amarillo del verde: cítricos pálidos como #d9f99d, lima brillante como #a3e635 y tonos de hoja más profundos como #65a30d, a menudo fundiéndose hacia casi negro, oliva, limón o turquesa. El control sale de tres decisiones: cuánta superficie es lima, sobre qué fondo se apoya y de qué color son las palabras. Si las aciertas, el lima se ve intencionado y actual. Abajo tienes códigos de degradado lima para cada ambiente, las tintas que se leen encima y las combinaciones que quedan limpias.

Por qué el lima se comporta distinto a otros verdes

El lima está entre el amarillo y el verde en el círculo cromático y, como el amarillo, es muy claro incluso a plena saturación. De ahí salen tanto su energía como sus problemas. Salta de una pantalla oscura, pero también apaga el texto blanco y cansa la vista cuando llena una superficie grande. Un verde bosque o esmeralda se comporta más como el azul; el lima se comporta más como un subrayador. La familia completa está en degradados verdes.

Códigos de degradado verde lima sobre fondo oscuro

Aquí es donde el lima se gana su fama. Sobre un fondo casi negro, un pequeño resplandor de lima se lee eléctrico sin cansar, porque la vista tiene una zona oscura donde descansar. Limita el lima a una esquina o una franja y deja que el fondo haga casi todo el trabajo.

En mezclas oscuras como estas es donde primero aparecen las bandas, sobre todo cuando una plataforma las vuelve a comprimir. Una capa fina de grano lo soluciona, y fondos degradados oscuros tiene más fondos para probar.

Degradados lima suaves y pastel cítrico

El lima suavizado hacia crema o menta pierde el grito y se vuelve fresco, limpio y algo botánico. Va bien con cafeterías, bares de zumos, cosmética y campañas de primavera. Calienta un poco un extremo con limón o crema para que el resultado parezca soleado y no clínico.

Si quieres que el color se incline más hacia lo frío y limpio, los degradados menta están justo al lado.

Colores que combinan bien con el lima

El lima se funde limpiamente con sus vecinos: el amarillo por un lado, el verde y el turquesa por el otro. Esas transiciones se mantienen brillantes de principio a fin. El problema empieza con los colores del otro lado del círculo. El morado y el magenta están cerca del complementario del lima, y una mezcla directa entre ellos pasa por un centro gris apagado. Degradados turbios muestra exactamente por qué ocurre.

Colores de texto que se leen sobre lima

Como el lima es tan claro, el instinto de poner texto blanco encima casi siempre es un error. La respuesta es una tinta oscura, idealmente un verde muy profundo para que todo el diseño quede en la misma familia. Las proporciones de abajo se miden con la fórmula de contraste de las WCAG; 4,5:1 es el mínimo habitual para el texto de cuerpo. Para saber más del método, consulta contraste de color y accesibilidad.

Fíjate en la última fila: el lima es un color de texto magnífico sobre negro. Un titular lima sobre un degradado casi negro es una de las combinaciones más legibles que existen. Texto sobre degradado explica qué hacer cuando las palabras cruzan los dos extremos de una mezcla.

CSS de degradado lima para botones y cabeceras

En la web, el lima funciona de maravilla como llamada a la acción en una página oscura y mal como fondo de página completa. El fragmento de abajo crea una cabecera oscura con un resplandor lima y un botón lima con texto oscuro. Interpolar en OKLCH mantiene brillante la mezcla donde sRGB se apagaría; degradados OKLCH en CSS explica la sintaxis.

.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;
}

Dónde funciona mejor un degradado verde lima

• Deporte y fitness: días de partido, inscripciones a carreras, equipaciones nuevas. El lima sobre negro se lee como velocidad.
• Música y vida nocturna: noches de club y portadas de lanzamientos, donde encaja con naturalidad junto a los degradados neón.
• Tecnología y lanzamientos de producto: un solo acento lima hace que una interfaz oscura parezca encendida.
• Comida y bebida fresca: zumos, ensaladas, cócteles y todo lo cítrico, en la gama pastel más suave.
• Campañas de primavera: el lima pálido y el limón dicen temporada nueva sin el rosa pastel de siempre.

Como el lima es tan reconocible, también es fácil parecerse a todos los que lo han elegido este año. En Gradiently, cada Mark se compara con todos los demás y se rechaza si se parece demasiado, así que un look lima que reservas es uno que nadie más puede exportar. Su legibilidad además se ajusta detrás de cada línea, así que el lima nunca acaba bajo palabras blancas por accidente.