Azul, azul-claro e laranja: amostras lineares

Amostras lineares, 4 cores a 180°: #005bb5, #b3d4f7, #f3ac1b, #e4502e. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #005bb5
• #b3d4f7
• #f3ac1b
• #e4502e

CSS

background: linear-gradient(180deg, oklch(48.04% 0.1596 255.26) 0.000% 25.000%, oklch(85.83% 0.0606 249.95) 25.000% 50.000%, oklch(79.13% 0.1598 77.70) 50.000% 75.000%, oklch(62.99% 0.1902 34.37) 75.000% 100.000%);

Nestas coleções

Amostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona