Crie gradientes CSS avançados: múltiplos stops, arrastar e soltar, interpolação RGB ou HSL, linear/radial/cônico. Exportar em CSS, SCSS ou SVG.
O seu gradiente em contexto
Por padrão, o CSS interpola gradientes em espaço sRGB, o que pode criar zonas cinzentas no meio de alguns gradientes. A interpolação HSL preserva melhor a saturação, dando transições mais vívidas. O espaço OKLab, perceptualmente uniforme, produz os gradientes mais naturais.
O gradiente linear é o mais comum, mas os gradientes cônico e radial oferecem possibilidades únicas. O radial cria efeitos de halo, bokeh ou luz ambiente. O cônico permite criar efeitos de espectro, arco-íris ou mesmo simulação de rotação.