Arco-íris de magenta a azul-marinho: gradiente linear

Gradiente linear, 7 cores a 90°: #c81a73, #ea4565, #ff7a2a, #cac117, #1dd1b1, #33689a, #251433. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #c81a73
• #ea4565
• #ff7a2a
• #cac117
• #1dd1b1
• #33689a
• #251433

CSS

background: linear-gradient(90deg in oklch, oklch(55.12% 0.2122 357.19) 0.0%, oklch(63.48% 0.2004 13.96) 16.7%, oklch(72.44% 0.1833 46.85) 33.3%, oklch(79.26% 0.1651 106.23) 50.0%, oklch(77.17% 0.1406 175.78) 66.7%, oklch(50.49% 0.0979 249.35) 83.3%, oklch(23.23% 0.0606 306.82) 100.0%);

Nestas coleções

Glitchy glam

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona