Azul-marinho, azul e azul-claro (monocromático): amostras lineares

Amostras lineares, 10 cores a 135°: #1b415c, #2f394a, #374a82, #4877e3, #adc5ff. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #1b415c
• #283c52
• #2f394a
• #333a4c
• #36405e
• #374a82
• #3d5cb0
• #4877e3
• #79a0fb
• #adc5ff

CSS

background: linear-gradient(135deg, oklch(36.22% 0.0634 241.87) 0.000% 10.000%, oklch(34.96% 0.0464 252.12) 10.000% 20.000%, oklch(34.26% 0.0333 262.36) 20.000% 30.000%, oklch(34.92% 0.0329 267.71) 30.000% 40.000%, oklch(37.54% 0.0531 269.61) 40.000% 50.000%, oklch(42.30% 0.0967 267.98) 50.000% 60.000%, oklch(49.64% 0.1390 266.02) 60.000% 70.000%, oklch(59.33% 0.1721 264.15) 70.000% 80.000%, oklch(71.71% 0.1395 265.21) 80.000% 90.000%, oklch(82.68% 0.0858 267.23) 90.000% 100.000%);

Nestas coleções

Amostras monocromáticasCores subaquáticas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona