Sobre esta ferramenta
Crie um padrão de fundo repetido — listras, tabuleiro, pontos ou grade — a partir de duas cores e um tamanho, usando apenas gradientes, depois copie o CSS. A visualização é atualizada em tempo real no seu navegador.
Perguntas frequentes
Como esses padrões são feitos sem imagens?
Eles usam gradientes lineares e radiais do CSS com background-size, que o navegador repete em mosaico para desenhar o padrão.
O padrão vai se ajustar em telas de alta densidade?
Sim — os gradientes são vetoriais, então o padrão permanece nítido em qualquer resolução ou nível de zoom.