Branco, azul-claro, cinza e laranja: amostras lineares

Amostras lineares, 5 cores a 90°: #f5f8f9, #e7f0fe, #a2c6d0, #4f4f4f, #d98224. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #f5f8f9
• #e7f0fe
• #a2c6d0
• #4f4f4f
• #d98224

CSS

background: linear-gradient(90deg, oklch(97.64% 0.0028 225.00) 0.000% 20.000%, oklch(95.28% 0.0207 258.82) 20.000% 40.000%, oklch(80.31% 0.0413 217.60) 40.000% 60.000%, oklch(42.91% 0.0000 89.88) 60.000% 80.000%, oklch(68.50% 0.1461 61.56) 80.000% 100.000%);

Nestas coleções

Paleta de cores para modo claro

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona