Generador de Degradados CSS
Degradados CSS y PNG

Ajusta colores y ángulo y copia el CSS o descarga la imagen.

Más herramientas

Sobre Generador de degradados

Ajusta colores y ángulo y copia el CSS o descarga la imagen.

Todo funciona en tu navegador; las imágenes no se suben. El contraste se calcula con la fórmula de luminancia relativa de WCAG 2.1.

Cómo usar: Generador de degradados

  1. Elige un colorCon el selector, un código o una imagen.
  2. AjustaArmonía, ángulo o número de colores.
  3. CopiaCopia el código o descarga un PNG.

Preguntas frecuentes

¿Generador de degradados es gratis?

Sí, totalmente gratis y sin registro.

¿Qué formatos admite?

HEX, RGB, HSL, HSV y CMYK; también nombres CSS (p. ej. tomato).

¿Se suben mis imágenes?

No. Se procesan solo en tu navegador.