Todas las herramientas de prueba de pantalla

    Generador de imágenes degradadas

    Crea un degradado lineal o radial de dos o tres colores. Ajusta el ángulo y el tamaño, descarga un fondo degradado o copia el CSS para tu sitio web.

    • Degradados lineales y radiales
    • Descarga de imágenes y CSS

    Usa números enteros de 1 a 8192 por lado, con un máximo total de 16,777,216 píxeles. Las imágenes se generan en tu navegador.

    HEX · #RRGGBB
    HEX · #RRGGBB

    Vista previa en directo

    1920 × 1080 px
    Generador de imágenes degradadas

    La vista previa se ajusta al espacio disponible. La descarga conserva las dimensiones exactas indicadas arriba.

    background: linear-gradient(90deg, #2563eb, #e879f9);

    El CSS y el PNG pueden verse ligeramente distintos debido a la interpolación de colores de cada navegador.

    Prueba de degradado

    Cómo usar

    1. Define las dimensiones y selecciona un degradado lineal o radial.
    2. Elige los colores inicial y final, añade un color intermedio si quieres y ajusta el ángulo del degradado lineal.
    3. Descarga el PNG o JPEG, o copia la declaración CSS del fondo.

    Condiciones y limitaciones

    Esta herramienta crea fondos decorativos degradados. Para examinar el banding, utiliza la prueba de degradado independiente. Una imagen generada no certifica la profundidad de bits ni la precisión del color de tu pantalla.

    Preguntas frecuentes

    ¿Qué significa el ángulo del degradado?

    Los ángulos siguen las convenciones CSS: 0° va de abajo hacia arriba, 90° de izquierda a derecha y 180° de arriba hacia abajo. Los degradados radiales parten del centro.

    ¿El degradado descargado coincide exactamente con el CSS?

    Usan los mismos colores y dirección, pero la interpolación del navegador y el escalado de la imagen pueden producir pequeñas diferencias. Usa la imagen descargada cuando necesites un resultado fijo en píxeles.

    Sigue explorando

    Generador de imágenes vacías transparentes

    Crea un PNG vacío y completamente transparente con dimensiones personalizadas. Comprueba el fondo alfa y descarga una imagen para diseños, superposiciones o recursos gráficos.

    Generador de imágenes de color sólido

    Crea una imagen de color sólido con tu código HEX y dimensiones exactas. Descarga un PNG o JPEG para un fondo liso, papel tapiz o referencia de pantalla.

    Generador de imágenes de relleno

    Genera una imagen de relleno con sus dimensiones o tu propio texto. Ajusta los colores de fondo y texto, elige medidas exactas y descarga un PNG o JPEG para tus maquetas.