Generadores de fondos

Creador de fondos de pantalla

Creador de fondos de pantalla te permite crear imágenes descargables con un fondo sólido o degradado, un patrón opcional, texto y círculos decorativos. Define sus dimensiones y formato para una pantalla de ordenador, teléfono u otro dispositivo.

Creador de fondos de pantalla

En tu navegador

Generar una imagen localmente

El texto es local y usa fuentes del sistema. No hay cargas, imágenes externas ni fuentes remotas.

Vista previa pequeña; la imagen completa solo se genera al descargar. Hasta 33.177.600 píxeles (ruido: 8.294.400). 8K depende del dispositivo. JPEG/WebP pueden alterar píxeles.

Ajustes de imagen
Degradado
Patrón
Texto
Formas
Paradas de degradado

Las paradas en la misma posición forman bordes duros. CSS describe solo el degradado base, sin patrones, texto ni formas.

F: pantalla completa · R: reiniciar · Espacio: iniciar/pausar fuera de campos. Escape sale de pantalla completa. Toca la escena o pulsa Tab para mostrar controles de salida ocultables.

Activa JavaScript para usar estos controles locales.

Crea un fondo de pantalla para una dimensión de pantalla concreta, o empieza con una resolución preestablecida y ajusta el diseño desde ahí. La vista previa es pequeña; la imagen a tamaño completo se genera al seleccionar Descargar imagen, así que elige las dimensiones y las capas antes de exportar.

La creación de imágenes se realiza localmente en tu navegador. El texto se mantiene como texto sencillo local con una fuente del sistema, sin cargas, imágenes externas ni fuentes remotas.

Cómo usar el creador de fondos de pantalla

  1. Elige un preajuste de Resolución de salida, como 1920x1080, 1080x1920 o 1080x1080, o selecciona Personalizado e introduce los valores en Ancho de salida (píxeles) y Alto de salida (píxeles).
  2. Establece el Color principal y, luego, elige un Relleno de fondo: sólido, lineal o radial. Para un degradado, ajusta el Ángulo del degradado (grados) o usa el Preajuste de degradado Sea o Dusk. Usa Añadir punto y Eliminar punto para editar los puntos del degradado.
  3. Para añadir textura, selecciona Incluir capa de patrón y elige un Tipo de patrón: puntos, rayas, cuadrícula, diagonal, ondas o mosaicos. Ajusta el Tamaño del patrón (píxeles de salida), el Espaciado (píxeles), el Grosor del trazo (píxeles), la Rotación (grados) y el Desplazamiento del patrón (píxeles), según sea necesario.
  4. Para añadir texto, selecciona Incluir capa de texto, escribe el Texto del fondo de pantalla (solo local) y, luego, elige el Color del texto, la Fuente del sistema, el Tamaño del texto (píxeles) y la Alineación del texto. Define la Posición X del texto (%) y la Posición Y del texto (%) para colocarlo.
  5. Usa Círculos decorativos (0–12) para añadir formas. Selecciona un Formato de imagen —PNG, JPG o WEBP— y, luego, elige Descargar imagen para generar y guardar el fondo de pantalla a tamaño completo. También están disponibles Generar a partir de una semilla y Copiar CSS del degradado base.

Selecciona Pantalla completa para ver el diseño en mayor tamaño. Pulsa F para activar la pantalla completa, Escape para salir y R para restablecer. En pantalla completa, están disponibles las opciones Salir de pantalla completa, Ocultar controles y Salir, tal como se muestra.

Cuándo usarlo

  • Para adaptar un fondo de pantalla a una pantalla concreta: Define un ancho y alto personalizados, o elige un preajuste que coincida con la pantalla de un ordenador o teléfono.
  • Para crear un fondo vertical para el teléfono: Empieza con 1080x1920 y coloca un texto breve con la Posición X del texto (%) y la Posición Y del texto (%).
  • Para crear un fondo sencillo para el ordenador: Usa un relleno sólido o un degradado lineal para conseguir un fondo limpio, sin imágenes adicionales.
  • Para añadir textura visual: Activa una capa de patrón cuando un color liso te parezca demasiado vacío y ajusta su espaciado o tamaño.
  • Para crear un fondo en torno a un mensaje breve: Añade una capa de texto local y define su alineación, fuente, tamaño, color y posición.
  • Para probar combinaciones de colores: Cambia el Color principal, los ajustes del degradado y las opciones del patrón antes de descargar la versión final.
  • Para crear una base de degradado reutilizable: Copia el CSS del degradado base si solo necesitas el degradado; no incluye patrones, texto ni formas.

Consejos para crear un fondo de pantalla mejor

Preguntas frecuentes

¿Cómo creo un fondo de pantalla para el teléfono con el creador de fondos de pantalla?

Elige 1080x1920 en Resolución de salida o selecciona Personalizado y define el Ancho de salida (píxeles) y el Alto de salida (píxeles). Añade colores, patrones, texto o círculos decorativos y, luego, selecciona Descargar imagen.

¿Qué formatos de imagen puedo descargar?

Elige PNG, JPG o WEBP en Formato de imagen. JPG y WEBP pueden alterar los valores de los píxeles.

¿Puedo definir un tamaño personalizado para el fondo de pantalla?

Sí. Selecciona Personalizado en Resolución de salida e introduce los valores de Ancho de salida (píxeles) y Alto de salida (píxeles). El límite de salida es de 33.177.600 píxeles; la salida 8K depende de tu dispositivo.

¿El creador de fondos de pantalla carga mi texto o mis imágenes?

No se utilizan cargas, imágenes externas ni fuentes remotas. El texto del fondo de pantalla es texto sencillo local que se muestra con una fuente del sistema.

¿Por qué la vista previa se ve más pequeña que el fondo de pantalla descargado?

La vista previa es pequeña y la imagen completa solo se genera al seleccionar Descargar imagen. Elige la resolución de salida antes de exportar.

¿Puedo copiar el CSS del degradado con el patrón y el texto incluidos?

No. Copiar CSS del degradado base describe únicamente el degradado base; excluye el patrón, el texto y las formas decorativas.

Herramientas relacionadas

Generadores de fondos

Generador de fondos de color uniforme

El Generador de fondos de color uniforme crea imágenes de un solo color que puedes descargar en el tamaño y formato que elijas. Úsalo para crear un fondo de pantalla sencillo, un fondo para presentaciones o un recurso de diseño de un color exacto.

Abrir herramienta del navegador

Generadores de fondos

Generador de fondos degradados

El Generador de fondos degradados te permite crear mezclas de colores personalizadas y descargarlas como imágenes de fondo o fondos de pantalla. Ajusta el degradado y el tamaño de la imagen para adaptarlos a tu pantalla o proyecto.

Abrir herramienta del navegador

Generadores de fondos

Generador de fondos con patrones

El Generador de fondos con patrones crea fondos repetitivos para fondos de pantalla, encabezados y otros diseños. Elige un patrón, los colores, el espaciado y el tamaño de salida, y descarga la imagen.

Abrir herramienta del navegador

Generadores de fondos

Generador de fondos de ruido

El Generador de fondos de ruido crea fondos descargables con grano monocromático o de color y ajustes personalizables. Crea texturas o fondos de pantalla del tamaño que elijas.

Abrir herramienta del navegador

Pantallas de color

Pantalla blanca

Pantalla blanca llena la pantalla con un fondo blanco uniforme para detectar manchas, añadir luz suave a videollamadas, calcar o crear un fondo limpio.

Abrir pantalla de color

Pruebas de monitor

Prueba de píxeles muertos

La prueba de píxeles muertos muestra patrones de colores sólidos para ayudarte a revisar visualmente si un monitor, portátil o teléfono tiene subpíxeles oscuros, brillantes o inusuales. Úsala para hacer una inspección rápida antes de comprar una pantalla o mientras siga abierto el plazo de devolución.

Abrir herramienta del navegador