Azul-claro, verde e roxo-escuro: amostras lineares

Amostras lineares, 5 cores a 90°: #bfe9fa, #54a278, #c0d934, #f15c00, #2e0b31. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #bfe9fa
• #54a278
• #c0d934
• #f15c00
• #2e0b31

CSS

background: linear-gradient(90deg, oklch(90.94% 0.0496 225.00) 0.000% 20.000%, oklch(64.96% 0.1006 158.42) 20.000% 40.000%, oklch(83.86% 0.1805 118.27) 40.000% 60.000%, oklch(66.14% 0.1990 42.16) 60.000% 80.000%, oklch(22.83% 0.0799 325.04) 80.000% 100.000%);

Nestas coleções

Amostras de tendências de cor 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona