Todas las herramientas de color

Rayas, ondas, zigzags, chevrones y cuadrículas sin costuras. Elija colores, grosor y ángulo, y copie el CSS o descargue archivos SVG, PNG o WebP gratis.

Gratis

1Elegir un patrón

Su titular aquí

Vea cómo queda el patrón detrás de contenido real.

Empezar
Patrón

Diseños para empezar

Seleccione uno para abrirlo en el editor y cambie después sus colores y ajustes.

Explorar por colección


Acerca de Patrones de rayas y ondas

Las líneas son la forma más discreta de dar textura a una página. Esta colección incluye rayas y bandas lisas, rayas diagonales, ondas, zigzags, chevrones, festones, guiones, cuadrículas, rayado cruzado, ondulaciones y trenzas, para pasar de una discreta raya fina a una atrevida onda retro.

Las rayas y las cuadrículas ocupan muy poco como código, lo que las hace una buena opción para fondos de sitios web. Cambie el grosor del trazo y el espaciado para decidir lo densas que parecen las líneas, y use el control de ángulo para convertir rayas rectas en diagonales.

Preguntas frecuentes

Elija un diseño de rayas, ponga el ángulo en 45 grados y copie el CSS. Los ángulos distintos de 0, 90, 180 y 270 grados usan un SVG que llena el elemento, de modo que las rayas se mantienen uniformes con cualquier ancho.

Sí. El control del trazo fija el ancho de las líneas y los controles de espaciado fijan el hueco entre ellas.

Las líneas finas en dos colores cercanos siguen siendo legibles detrás de un texto. Use la vista previa «En una página» para comprobar el resultado bajo una tarjeta real antes de copiar el código.


Búsquedas populares
patrón de rayas patrón de ondas svg patrón zigzag patrón chevron fondo de rayas css fondo de ondas sin costuras patrón de cuadrícula svg rayas diagonales css
¿Necesitas ayuda?
¿Encontraste un problema con esta herramienta? Avísanos.
Informar de un problema

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.