Marrom, bordô, laranja e azul: amostras lineares

Amostras lineares, 7 cores a 160°: #33100b, #7b1d14, #c13221, #f05926, #ffbc86, #69bf6a, #263a71. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #33100b
• #7b1d14
• #c13221
• #f05926
• #ffbc86
• #69bf6a
• #263a71

CSS

background: linear-gradient(160deg, oklch(22.83% 0.0579 30.23) 0.000% 14.286%, oklch(38.64% 0.1302 29.69) 14.286% 28.571%, oklch(53.78% 0.1822 30.59) 28.571% 42.857%, oklch(65.75% 0.1957 37.63) 42.857% 57.143%, oklch(84.54% 0.1039 59.55) 57.143% 71.429%, oklch(72.92% 0.1452 144.21) 71.429% 85.714%, oklch(36.22% 0.0978 266.95) 85.714% 100.000%);

Nestas coleções

Amostras ousadasAmostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona