Rosa, laranja, vermelho e turquesa: amostras lineares

Amostras lineares, 7 cores a 45°: #cf4dad, #e60063, #ff9721, #f88b00, #d42727, #a4531b, #6dbcb1. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #cf4dad
• #e60063
• #ff9721
• #f88b00
• #d42727
• #a4531b
• #6dbcb1

CSS

background: linear-gradient(45deg, oklch(62.60% 0.1943 339.61) 0.000% 14.286%, oklch(59.27% 0.2374 7.80) 14.286% 28.571%, oklch(76.87% 0.1694 61.33) 28.571% 42.857%, oklch(73.87% 0.1738 59.64) 42.857% 57.143%, oklch(56.33% 0.2075 26.97) 57.143% 71.429%, oklch(53.31% 0.1257 50.52) 71.429% 85.714%, oklch(74.02% 0.0799 184.62) 85.714% 100.000%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona