Azul, cinza e marrom (complementares): amostras lineares

Amostras lineares, 6 cores a 90°: #385e77, #7e9baf, #b3b9b2, #b49453, #af7130, #9c4c39. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #385e77
• #7e9baf
• #b3b9b2
• #b49453
• #af7130
• #9c4c39

CSS

background: linear-gradient(90deg, oklch(46.46% 0.0593 238.36) 0.000% 16.667%, oklch(67.32% 0.0441 238.36) 16.667% 33.333%, oklch(77.95% 0.0124 142.19) 33.333% 50.000%, oklch(68.11% 0.0923 84.07) 50.000% 66.667%, oklch(60.24% 0.1116 64.00) 66.667% 83.333%, oklch(51.18% 0.1116 34.41) 83.333% 100.000%);

Nestas coleções

Amostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona