Cinza, azul, turquesa e laranja: amostras lineares

Amostras lineares, 5 cores a 90°: #eaf3ff, #161d26, #1c73d4, #00a29b, #e97f27. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #eaf3ff
• #161d26
• #1c73d4
• #00a29b
• #e97f27

CSS

background: linear-gradient(90deg, oklch(96.06% 0.0189 255.21) 0.000% 20.000%, oklch(22.83% 0.0207 255.23) 20.000% 40.000%, oklch(55.91% 0.1695 255.23) 40.000% 60.000%, oklch(64.18% 0.1109 189.71) 60.000% 80.000%, oklch(70.08% 0.1598 54.45) 80.000% 100.000%);

Nestas coleções

Amostras modernasAmostras para apresentaçõesAmostras para UI

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona