Tiny Online Tools
Puntos, Anillos y Lunares — Todo como SVG
Los patrones basados en círculos son uno de los elementos de diseño más simples pero efectivos. Aportan ritmo, alegría y movimiento sin competir con el resto de la página. Este generador produce tres variantes populares con un solo clic cada una:
Modos de Patrón
- Anillos concéntricos — círculos espaciados uniformemente desde el centro hacia afuera. Alternar colores crea un efecto diana; en modo solo trazo obtienes arte de anillos limpio tipo textura minimalista.
- Rejilla de puntos — lunares clásicos en una cuadrícula perfecta. Ajusta el tamaño del punto y el número de columnas para conseguir desde punteados sutiles hasta patrones retro contundentes.
- Puntos desplazados — puntos en filas desplazadas alternamente, creando un ritmo de panal. Elegante para fondos y patrones sin costuras.
Controles
- Modo — las tres formas de patrón.
- Anillos / Columnas — densidad del patrón.
- Tamaño de punto — en modos de rejilla, qué tan grande es cada punto.
- Color / Fondo — pareja de primer plano y fondo.
- Modo trazo — alterna entre puntos rellenos y contornos de anillo, con grosor ajustable.
Usos
- Fondos hero y separadores de sección decorativos
- Mockups de producto y gráficos tipo tejido
- Estados de carga y acentos de UI
- Decoración editorial para artículos
- Fondos contrastantes para pantallas móviles
Como cada círculo es un <circle> ligero, todo el SVG se mantiene diminuto y es fácil de retocar después — cambia colores, escala a cualquier tamaño o úsalo dentro de un <pattern> para un fondo infinito.