degradados.com
Estudio
TAILWIND UTILITY READY

Degradados Tailwind CSS: Clases Utilitarias Listas para Copiar

Copia clases utilitarias como `bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500` o la sintaxis arbitraria de Tailwind `bg-[radial-gradient(...)]` para integrar fondos inmediatos en tus componentes JSX.

LIVE PREVIEW9:14 MOBILE
Brand Aurora#CE8AB9 · #1b1240 · #1982c4 · #ff595e · #ffca3a
degradados.comPRESET READY
Muestra Activa: Brand AuroraAbrir en Estudio Completo
#CE8AB9
#1b1240
#1982c4
#ff595e
#ffca3a
/* Brand Aurora — degradados.com */
.gradient-element {
  background: radial-gradient(40% 55% at 22% 40%, #CE8AB9 0%, transparent 70%), radial-gradient(35% 50% at 70% 35%, #ff595e 0%, transparent 70%), radial-gradient(40% 50% at 55% 75%, #1982c4 0%, transparent 70%), radial-gradient(30% 45% at 85% 70%, #ffca3a 0%, transparent 70%), #1b1240;
}
+ CATALOG SPEC: SLIDE FIVE·SHADERS FOR DESIGNERS

Catálogo de Cápsulas: Degradados Tailwind CSS

Explora las 3 variaciones calibradas para esta categoría. Toca una cápsula para actualizar el código o copiarlo.

3 CÁPSULAS DISPONIBLES
Tailwind Indigo-CyanAbrir en Estudio
Tailwind Indigo-Cyanfrom-indigo-600 to-cyan-400
Tailwind Violet-AmberAbrir en Estudio
Tailwind Violet-Amberfrom-violet-700 to-amber-300
Tailwind Slate DarkAbrir en Estudio
Tailwind Slate Darkfrom-slate-900 to-zinc-900
COLECCIONES & SILOS ESPECIALIZADOS

Explora las Colecciones por Color, Código o Formato

Páginas satélite hiper-enfocadas con generadores preconfigurados y galerías curadas para cada necesidad técnica de diseño.

11 SILOS DISPONIBLES

● POR COLOR

COLOR
Degradados Azules

Tonos marinos, cielo y cian para interfaces SaaS y marcas de tecnología.

COLOR
Degradados Morados

Púrpuras, violetas y estéticas cyberpunk de alto impacto visual.

COLOR
Degradados Pastel

Tonos suaves, tenues y cremosos para bienestar y aplicaciones minimalistas.

COLOR
Degradados Neón

Gradientes de alto contraste con glow eléctrico sobre fondos negros.

COLOR
Degradados Oscuros

Optimizados para Dark Mode, pantallas OLED y superficies UI con profundidad.