Rosa, pêssego, amarelo e rosa-claro: amostras lineares

Amostras lineares, 5 cores a 90°: #f654ca, #ff8486, #ffa470, #fbe026, #ffe8e8. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #f654ca
• #ff8486
• #ffa470
• #fbe026
• #ffe8e8

CSS

background: linear-gradient(90deg, oklch(70.08% 0.2301 340.31) 0.000% 20.000%, oklch(75.20% 0.1494 20.47) 20.000% 40.000%, oklch(79.92% 0.1275 50.06) 40.000% 60.000%, oklch(90.16% 0.1805 99.73) 60.000% 80.000%, oklch(94.88% 0.0257 15.18) 80.000% 100.000%);

Nestas coleções

Amostras brilhantes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona