Blobs são formas orgânicas suaves com bordas irregulares e lisas — a tendência de design por trás de inúmeros fundos de hero, avatares e divisores de seção desde 2020. O truque clássico de CSS usa um border-radius de 8 valores para curvar um retângulo plano em uma forma orgânica.
Clique em Aleatorizar para gerar uma nova forma, arraste o controle de curvatura para bordas mais redondas ou excêntricas, e escolha uma cor. Copie o código border-radius direto no seu CSS — sem imagens, sem arquivos SVG, totalmente responsivo.
Frequently Asked Questions
Q: Como funciona o truque do blob com border-radius?
Como funciona o truque do blob com border-radius? A sintaxe de 8 valores border-radius: a b c d / e f g h define raios horizontais e verticais diferentes por canto. Valores assimétricos distorcem o retângulo em formas orgânicas suaves.
Q: Blobs podem ser animados?
Blobs podem ser animados? Sim. Animar border-radius entre dois conjuntos de valores orgânicos com @keyframes ou transition faz a forma se transformar suavemente — o efeito "blob morfante" característico.
Q: Blobs ainda estão na moda em 2026?
Blobs ainda estão na moda em 2026? Sim. Formas orgânicas evoluíram de tendência de 2020 para básico do design moderno — veja na Stripe, Vercel e incontáveis heroes SaaS. Combinam perfeitamente com glassmorphism e gradientes.
Q: SVG ou CSS para blobs?
SVG ou CSS para blobs? border-radius em CSS é mais leve e fácil de editar, perfeito para fundos decorativos. Paths SVG dão controle preciso para logos e ilustrações, ao custo de complexidade.
Q: Como uso um blob como fundo?
Como uso um blob como fundo? Crie uma div posicionada com o border-radius de blob, defina z-index baixo, adicione preenchimento em gradiente e desfoque opcional, e coloque o conteúdo por cima. Anime lentamente para um fundo vivo.
Cores do Brasil
Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.
Verde Bandeira #009C3BO verde da bandeira nacional, símbolo das matas
Amarelo Bandeira #FFDF00O ouro do losango da bandeira brasileira
Azul Bandeira #002776O azul do círculo e das estrelas
Azul Azulejo #1E5FA8Herança dos azulejos portugueses em igrejas e casarões
Rosa Choque #FF1493A energia vibrante do carnaval e das marcas jovens
Verde Amazônia #228B22A floresta tropical, pulmão do planeta
Amarelo Ouro #FFD700O ouro do barroco mineiro de Ouro Preto
Terracota Nordestina #CD5C5CA argila do sertão e do artesanato nordestino
Anil #4B0082Cor do vestido tradicional das baianas
Branco Areia #EDE4D3As praias de areia clara do litoral
Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.