Padrões de riscas e ondas

Todas as ferramentas de cor

Riscas, ondas, ziguezagues, chevrons e grelhas sem emendas. Escolha cores, espessura e ângulo e copie o CSS ou transfira ficheiros SVG, PNG ou WebP grátis.

Gratuito

1Escolher um padrão

Todos Linhas e ondas Pontos e círculos Geométricos 3D e ilusões Têxteis e tecidos Tijolos e ladrilhos Japoneses Islâmicos e mouriscos Art déco Tribais e folclóricos Natureza Ícones e objetos Pixel art Generativos

O seu título aqui

Veja como o padrão fica por trás de conteúdo real.

Começar
Padrão

Desenhos para começar

Selecione um para o abrir no editor e depois altere as respetivas cores e definições.

Arcos entrelaçados 1 Arcos entrelaçados 1 Contas 1 Contas 1 Traços 1 Traços 1 Blocos tracejados 1 Blocos tracejados 1 Hachura cruzada 1 Hachura cruzada 1 Festões 1 Festões 1 Arcos de canto 1 Arcos de canto 1 Faixas 1 Faixas 1 Ondas quadradas 1 Ondas quadradas 1 Grelha 1 Grelha 1 Riscas diagonais 1 Riscas diagonais 1 Ziguezague 1 Ziguezague 1

Explorar por coleção

Pontos e círculos 189 padrões Geométricos 138 padrões 3D e ilusões 99 padrões Têxteis e tecidos 105 padrões Tijolos e ladrilhos 148 padrões Japoneses 33 padrões Islâmicos e mouriscos 30 padrões Art déco 47 padrões Tribais e folclóricos 62 padrões Natureza 196 padrões Ícones e objetos 236 padrões Pixel art 152 padrões Generativos 251 padrões

Sobre Padrões de riscas e ondas

As linhas são a forma mais discreta de dar textura a uma página. Esta coleção inclui riscas e faixas simples, riscas diagonais, ondas, ziguezagues, chevrons, festões, traços, grelhas, hachura cruzada, ondulações e tranças, para passar de uma risca fina discreta a uma onda retro ousada.

As riscas e as grelhas ocupam muito pouco como código, o que as torna uma boa escolha para fundos de sites. Altere a espessura do traço e o espaçamento para definir a densidade das linhas e use o controlo do ângulo para transformar riscas retas em diagonais.

Perguntas frequentes

Escolha um desenho de riscas, defina o ângulo para 45 graus e copie o CSS. Os ângulos diferentes de 0, 90, 180 e 270 graus usam um SVG que preenche o elemento, por isso as riscas mantêm-se regulares em qualquer largura.

Sim. O controlo do traço define a largura das linhas e os controlos de espaçamento definem o intervalo entre elas.

Linhas finas em duas cores próximas continuam legíveis por trás de texto. Use a pré-visualização «Numa página» para verificar o resultado sob um cartão real antes de copiar o código.
Partilhar
Ferramentas Relacionadas
Gradiente a partir de uma imagem
Gerador de gradientes
Gerador de padrões
Verificador de contraste de cor
Gerador de tons de cor
Exportar paleta de cores
Correspondência de cores RAL
Gerador de paleta de cores
Ecrã totalmente preto
Gerador de paleta de marca com IA
Correspondência de cores Pantone
Paleta de cores de um site
Ecrã totalmente verde
Conversor de códigos de cor
Ecrã totalmente vermelho
Simulador de daltonismo
Ecrã totalmente azul
Extrair cores de uma imagem
Emparelhamento de tipos de letra e diretório Google Fonts
Gerador de temas e gradientes com IA
Pesquisas populares
padrão de riscas padrão de ondas svg padrão ziguezague padrão chevron fundo de riscas css fundo de ondas sem emendas padrão de grelha svg riscas diagonais css
Precisa de ajuda?
Encontrou um problema com esta ferramenta? Avise a nossa equipa.
Relatar um problema

Adicione esta ferramenta gratuita ao seu próprio site: copie e cole o código abaixo.