Preto, cinza e branco: amostras lineares

Amostras lineares, 6 cores a 90°: #16131b, #2f2a3a, #5c5d6c, #9b9ca4, #d7d5db, #fff7fe. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #16131b
• #2f2a3a
• #5c5d6c
• #9b9ca4
• #d7d5db
• #fff7fe

CSS

background: linear-gradient(90deg, oklch(19.29% 0.0165 303.75) 0.000% 16.667%, oklch(29.67% 0.0304 298.69) 16.667% 33.333%, oklch(48.33% 0.0238 283.22) 33.333% 50.000%, oklch(69.52% 0.0106 278.80) 50.000% 66.667%, oklch(87.66% 0.0071 296.93) 66.667% 83.333%, oklch(98.42% 0.0124 330.13) 83.333% 100.000%);

Nestas coleções

Amostras brancasAmostras pretas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona