Marrom, laranja, azul-claro e azul: amostras lineares

Amostras lineares, 5 cores a 270°: #7b2b00, #e97f00, #83d0f2, #002151, #4569dc. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #7b2b00
• #e97f00
• #83d0f2
• #002151
• #4569dc

CSS

background: linear-gradient(270deg, oklch(40.16% 0.1210 42.10) 0.000% 20.000%, oklch(70.08% 0.1677 58.02) 20.000% 40.000%, oklch(81.89% 0.0896 228.18) 40.000% 60.000%, oklch(26.00% 0.0959 257.92) 60.000% 80.000%, oklch(55.91% 0.1805 267.28) 80.000% 100.000%);

Nestas coleções

Amostras complementaresAmostras em azul e laranjaAmostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona