Rosa, roxo, turquesa e azul-marinho: gradiente linear

Gradiente linear, 7 cores a 90°: #f12c87, #ff7733, #ec5675, #1e57d8, #0dcbcf, #669daa, #171522. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #f12c87
• #ff7733
• #ec5675
• #1e57d8
• #0dcbcf
• #669daa
• #171522

CSS

background: linear-gradient(90deg in oklch, oklch(63.78% 0.2356 359.30) 0.0%, oklch(72.12% 0.1831 44.23) 16.7%, oklch(65.98% 0.1854 11.39) 33.3%, oklch(50.39% 0.2067 263.13) 50.0%, oklch(76.57% 0.1290 197.38) 66.7%, oklch(66.33% 0.0610 212.92) 83.3%, oklch(20.47% 0.0262 290.61) 100.0%);

Nestas coleções

Glitchy glam

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona