UTILS.
100% en el navegador

Patrón de fondo CSS

Genera un patrón de fondo CSS con dos colores y cópialo.

Acerca de esta herramienta

Crea un patrón de fondo repetido — rayas, tablero de ajedrez, puntos o cuadrícula — a partir de dos colores y un tamaño, usando solo degradados, luego copia el CSS. La vista previa se actualiza en vivo en tu navegador.

Preguntas frecuentes

¿Cómo se crean estos patrones sin imágenes?
Usan degradados CSS lineales y radiales con background-size, que el navegador repite en mosaico para dibujar el patrón.
¿El patrón se escala en pantallas de alta densidad?
Sí — los degradados son vectoriales, así que el patrón se mantiene nítido en cualquier resolución o nivel de zoom.

Más herramientas