Arco-íris de azul-claro a verde: amostras lineares

Amostras lineares, 5 cores a 90°: #cff2fe, #3b022d, #ff8524, #348660, #b8d900. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #cff2fe
• #3b022d
• #ff8524
• #348660
• #b8d900

CSS

background: linear-gradient(90deg, oklch(94.09% 0.0400 220.08) 0.000% 20.000%, oklch(24.02% 0.1006 340.55) 20.000% 40.000%, oklch(74.01% 0.1778 52.41) 40.000% 60.000%, oklch(55.91% 0.1006 160.20) 60.000% 80.000%, oklch(83.07% 0.1973 120.04) 80.000% 100.000%);

Nestas coleções

Amostras de tendências de cor 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona