Arco-íris de laranja a azul-claro: gradiente linear

Gradiente linear, 7 cores a 45°: #fc3d12, #e3f0b2, #3dd3f5, #3e223a, #dd3000, #ebb0d8, #9cffdc. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #fc3d12
• #e3f0b2
• #3dd3f5
• #3e223a
• #dd3000
• #ebb0d8
• #9cffdc

CSS

background: linear-gradient(45deg in oklch, oklch(64.96% 0.2315 33.05) 0.0%, oklch(92.91% 0.0813 117.59) 16.7%, oklch(80.31% 0.1295 216.92) 33.3%, oklch(29.92% 0.0565 332.11) 50.0%, oklch(58.27% 0.2129 33.37) 66.7%, oklch(82.28% 0.0868 338.45) 83.3%, oklch(92.91% 0.1063 169.37) 100.0%);

Nestas coleções

Cores surreais

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona