Brilho
Grátis, sem cadastro, roda no seu navegador.
Quatro lóbulos com raios internos profundos e suavidade moderada — o brilho de quatro pontas usado para realces, adornos de IA e selos de «novo». Pequeno o bastante para ficar em linha com o texto.
As configurações por trás dela
| Gerador | Blob |
|---|---|
| Pontos | 4 |
| Aleatoriedade | 18% |
| Suavidade | 55% |
| Semente | 702 |
O que vale saber
- Quatro lóbulos dão a cintilação clássica; acima de seis deixa de se ler como brilho.
- Suavidade moderada mantém os braços côncavos em vez de retos.
- Com 408 bytes é pequeno o bastante para colocar uma dúzia em linha.
O que custa em bytes
Esta forma exata tem 408 bytes como SVG e 569 bytes como fundo CSS — o data URI é maior porque a codificação em porcentagem custa três caracteres para cada um que escapa. As duas cifras são da forma mostrada acima, com duas casas decimais de precisão nas coordenadas.
| Formato | Tamanho |
|---|---|
| SVG | 408 B |
| Fundo CSS | 569 B |
| clip-path CSS | 626 B |
| border-radius CSS | 110 B |
O começo do SVG de Brilho
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38.45C104.27 38.46,117.56 71.11,123.25 76.75C128.94 82.39,162.23 95.85,162.11 100C161.99 104.15,127.67 115.89,121.98 121.98C116.29 128.07,104.25 166.24,100 166.45C95.75 166.67,81.57 130.44,75.65 124.35C69.73 118.26,35.33 104.37,35.43 100C35.53 …Em mais detalhe
Vale gerar em tamanho pequeno e usar várias vezes em vez de uma vez grande. A forma não carrega nenhum detalhe que recompense a escala, e como acento em linha a dezesseis ou vinte pixels faz um trabalho que nenhuma outra forma deste catálogo faz.
Perguntas
Como eu altero Brilho depois de obtê-la?
Abra o gerador, clique em Brilho na fileira de predefinições e arraste o que quiser. A predefinição é um ponto de partida, não uma trava — todos os controles continuam ativos, e a caixa de semente aceita uma palavra se você preferir nomear sua forma em vez de numerá-la.
Vai ficar igual da próxima vez?
Sim, desde que a semente seja a mesma. Esta é a semente 702 com 4 pontos. O gerador é determinístico, então essas configurações reproduzem esta curva exata em qualquer dispositivo.
Posso usar outra cor?
Pode — a cor é aplicada na exportação, não está embutida na geometria. A pré-visualização acima usa a cor padrão da ferramenta; escolha a sua no gerador e o SVG, o fundo CSS e o clip-path acompanham.
Cada número e cada forma desta página foram produzidos rodando o gerador no momento do build, então descrevem a ferramenta que você está prestes a usar e não uma versão dela que já existiu.