Bege, azul-claro, preto e vermelho: amostras lineares

Amostras lineares, 7 cores a 90°: #ffefa8, #afffe4, #51c6ff, #1026a9, #000000, #820b00, #ff4b3d. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #ffefa8
• #afffe4
• #51c6ff
• #1026a9
• #000000
• #820b00
• #ff4b3d

CSS

background: linear-gradient(90deg, oklch(94.88% 0.0911 97.04) 0.000% 14.286%, oklch(94.09% 0.0867 171.01) 14.286% 28.571%, oklch(78.35% 0.1316 233.35) 28.571% 42.857%, oklch(37.01% 0.2039 266.11) 42.857% 57.143%, oklch(0.00% 0.0000 0.00) 57.143% 71.429%, oklch(38.58% 0.1515 30.73) 71.429% 85.714%, oklch(66.93% 0.2182 28.69) 85.714% 100.000%);

Nestas coleções

Amostras ousadas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona