Turquesa, vermelho, laranja e marrom: amostras lineares

Amostras lineares, 7 cores a 45°: #006c5c, #6e6200, #c12e28, #eb5f54, #f08c4d, #99691e, #493a00. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #006c5c
• #6e6200
• #c12e28
• #eb5f54
• #f08c4d
• #99691e
• #493a00

CSS

background: linear-gradient(45deg, oklch(47.64% 0.0878 177.88) 0.000% 14.286%, oklch(49.34% 0.1031 101.39) 14.286% 28.571%, oklch(53.54% 0.1846 27.83) 28.571% 42.857%, oklch(66.34% 0.1752 27.50) 42.857% 57.143%, oklch(73.62% 0.1447 51.08) 57.143% 71.429%, oklch(55.78% 0.1064 73.14) 71.429% 85.714%, oklch(35.44% 0.0725 92.23) 85.714% 100.000%);

Nestas coleções

Amostras retrô

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona