Explosion Tools

Generador de Degradados CSS

Crea degradados CSS hermosos con un editor visual y copia el codigo. Gratis, sin registro, funciona en tu navegador.

0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

All gradients are generated in your browser. No data is sent to any server.

Acerca de Generador de Degradados CSS

Este generador de degradados te ofrece un editor visual para crear degradados CSS lineales, radiales y conicos con multiples paradas de color. Arrastra las paradas de color a lo largo de la barra, elige colores, establece angulos y previsualiza el resultado en tiempo real. Cuando el degradado se vea bien, copia el codigo CSS generado y pegalo directamente en tu hoja de estilos.

Preguntas frecuentes

Como creo un degradado CSS?
Elige un tipo de degradado (lineal, radial o conico), agrega paradas de color haciendo clic en la barra de degradado, ajusta colores y posiciones, luego copia el codigo CSS generado. La vista previa se actualiza en tiempo real.
Que tipos de degradado son compatibles?
Degradados lineales (con angulo ajustable), degradados radiales (circulo o elipse) y degradados conicos (efecto de rueda de color). Cada tipo produce codigo CSS valido.
Puedo agregar mas de dos colores?
Si. Puedes agregar hasta 10 paradas de color. Haz clic en la barra de degradado para agregar una nueva parada, o usa el boton '+'. Arrastra las paradas para ajustar sus posiciones.
Como uso el CSS generado?
Haz clic en 'Copiar CSS' para copiar el codigo del degradado. Pegalo como propiedad de fondo en tu CSS, por ejemplo: background: linear-gradient(90deg, #ff0000, #0000ff);

Herramientas relacionadas

Hex to RGB Converter

Convert hex color codes to RGB, HSL, and more

Image Color Picker

Upload an image and click to extract color codes

RGB to HSL Converter

Convert RGB color values to HSL format

Color Contrast Checker

Check WCAG color contrast ratios for accessibility compliance

Analogous Color Finder

Find analogous colors for any hex code. Generate harmonious color palettes using adjacent hues on the color wheel.

Triadic Color Generator

Generate triadic color schemes from any hex code. Three colors evenly spaced at 120° on the color wheel.

Color Mixer

Mix two colors together at any ratio. See the blended result with hex, RGB, and HSL values plus a full gradient preview.