Generador de degradados CSS

Crea degradados lineales y radiales visualmente, luego copia el CSS o exporta la imagen de fondo.

Escribir a mano un degradado CSS significa adivinar ángulos y posiciones de parada hasta que se vea bien. Esta herramienta lo hace visual: arrastra el ángulo, añade o quita paradas, desliza cada parada a su sitio y observa el resultado actualizarse. Luego copia el CSS o exporta una imagen de fondo 1920×1080.

Cómo usarla

1. 1Elige el tipo de degradado (lineal, radial o cónico).
2. 2Define el ángulo y añade, quita o reposiciona las paradas de color.
3. 3Copia el CSS, o descarga un PNG para usarlo como fondo de portada.

Preguntas frecuentes

Herramientas relacionadas

• Divisor de cuadrícula MidjourneyCorta una imagen de cuadrícula 2×2 o 3×3 en mosaicos separados y descárgalos todos a la vez.
• Compresor de imágenesSuelta imágenes y ajusta el control de calidad para reducirlas — muestra tamaño antes/después, sin subir nada.
• Redimensionar imágenesCambia el tamaño por píxeles o ajuste predefinido social — Xiaohongshu, Instagram, X, portadas de vídeo — con relación de aspecto bloqueada.
• Extractor de paleta de coloresExtrae los colores dominantes de una imagen como valores HEX/RGB y variables CSS listas para copiar.
• Conversor de formatos de imagenConvierte entre PNG, JPG y WebP en lote, enteramente en el navegador, con calidad ajustable.
• Eliminador de metadatos EXIFRe-codifica una imagen para eliminar metadatos de cámara, marca de tiempo y GPS — con un escaneo de privacidad primero.
• Recortar imágenesArrastra una región, bloquea una relación común, rota y voltea, luego exporta el recorte exacto.
• Creador de fondo blancoConvierte un fondo liso en blanco con un clic — fotos de producto limpias, sin subir nada.
• Vista previa SVG → PNGPega el código SVG para previsualizarlo y exportar un PNG transparente a cualquier escala.
• Generador de paleta de coloresGenera paletas complementarias, triádicas y análogas desde un color base como HEX y variables CSS.