Amarelo, laranja, vermelho e roxo em tons neon: gradiente linear

Gradiente linear, 7 cores a 135°: #d5ee2d, #fcdc02, #ffb319, #fd7a14, #d2412e, #971670, #5b00c5. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #d5ee2d
• #fcdc02
• #ffb319
• #fd7a14
• #d2412e
• #971670
• #5b00c5

CSS

background: linear-gradient(135deg in oklch, oklch(90.16% 0.1984 117.42) 0.0%, oklch(89.37% 0.1846 98.40) 16.7%, oklch(81.89% 0.1670 77.27) 33.3%, oklch(72.05% 0.1860 49.79) 50.0%, oklch(58.27% 0.1846 30.77) 66.7%, oklch(46.06% 0.1819 344.27) 83.3%, oklch(42.93% 0.2408 291.42) 100.0%);

Nestas coleções

Gradientes brilhantes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona