Arco-íris de laranja a azul-marinho: amostras lineares

Amostras lineares, 4 cores a 90°: #d36f1c, #2270b2, #d6af2a, #152644. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #d36f1c
• #2270b2
• #d6af2a
• #152644

CSS

background: linear-gradient(90deg, oklch(64.57% 0.1530 53.44) 0.000% 25.000%, oklch(53.15% 0.1268 248.58) 25.000% 50.000%, oklch(76.77% 0.1461 91.13) 50.000% 75.000%, oklch(27.17% 0.0593 260.21) 75.000% 100.000%);

Nestas coleções

Amostras energizantes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona