Azul-claro, rosa-claro e laranja: amostras lineares

Amostras lineares, 6 cores a 180°: #83d0f1, #0081e3, #f4b26a, #f7e5f6, #d86e08, #e87a2f. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #83d0f1
• #0081e3
• #f4b26a
• #f7e5f6
• #d86e08
• #e87a2f

CSS

background: linear-gradient(180deg, oklch(81.89% 0.0896 227.81) 0.000% 16.667%, oklch(59.84% 0.1744 251.08) 16.667% 33.333%, oklch(81.10% 0.1171 67.54) 33.333% 50.000%, oklch(94.09% 0.0303 328.20) 50.000% 66.667%, oklch(64.96% 0.1612 53.80) 66.667% 83.333%, oklch(69.29% 0.1598 50.63) 83.333% 100.000%);

Nestas coleções

Amostras em azul e laranja

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona