Verde, laranja, roxo-escuro e cinza: amostras lineares

Amostras lineares, 5 cores a 45°: #54a278, #e45c01, #ff5c35, #23031e, #aeb89f. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #54a278
• #e45c01
• #ff5c35
• #23031e
• #aeb89f

CSS

background: linear-gradient(45deg, oklch(64.96% 0.1006 158.20) 0.000% 20.000%, oklch(64.17% 0.1860 44.07) 20.000% 40.000%, oklch(68.50% 0.2053 34.56) 40.000% 60.000%, oklch(18.11% 0.0703 334.33) 60.000% 80.000%, oklch(76.77% 0.0358 124.39) 80.000% 100.000%);

Nestas coleções

Amostras de tendências de cor 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona