Azul-marinho, azul, amarelo e laranja: amostras lineares

Amostras lineares, 5 cores a 90°: #0c2433, #175e87, #23a0bb, #efc941, #e0532f. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #0c2433
• #175e87
• #23a0bb
• #efc941
• #e0532f

CSS

background: linear-gradient(90deg, oklch(24.80% 0.0413 239.06) 0.000% 20.000%, oklch(46.06% 0.0937 239.06) 20.000% 40.000%, oklch(65.35% 0.1089 216.87) 40.000% 60.000%, oklch(84.65% 0.1530 93.23) 60.000% 80.000%, oklch(62.60% 0.1833 35.11) 80.000% 100.000%);

Nestas coleções

Amostras ousadas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona