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

Amostras lineares, 5 cores a 90°: #102f54, #186f9d, #50b9c0, #f1d06a, #d96b3e. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #102f54
• #186f9d
• #50b9c0
• #f1d06a
• #d96b3e

CSS

background: linear-gradient(90deg, oklch(30.31% 0.0772 255.23) 0.000% 20.000%, oklch(51.57% 0.1061 238.33) 20.000% 40.000%, oklch(72.83% 0.0965 201.34) 40.000% 60.000%, oklch(86.61% 0.1268 91.44) 60.000% 80.000%, oklch(64.96% 0.1502 41.77) 80.000% 100.000%);

Nestas coleções

Amostras tropicaisAmostras de verão

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona