Preto, azul-marinho e verde-claro: amostras lineares

Amostras lineares, 10 cores a 0°: #050a14, #0c2535, #188366, #50da8a, #d7ff7d. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #050a14
• #091421
• #0c2535
• #033d49
• #005d57
• #188366
• #1cb27f
• #50da8a
• #a1f280
• #d7ff7d

CSS

background: linear-gradient(0deg, oklch(14.57% 0.0234 260.16) 0.000% 10.000%, oklch(18.83% 0.0313 252.48) 10.000% 20.000%, oklch(25.32% 0.0434 239.24) 20.000% 30.000%, oklch(33.35% 0.0577 216.05) 30.000% 40.000%, oklch(43.06% 0.0753 186.65) 40.000% 50.000%, oklch(54.45% 0.1024 169.16) 50.000% 60.000%, oklch(67.85% 0.1402 163.29) 60.000% 70.000%, oklch(79.30% 0.1649 154.40) 70.000% 80.000%, oklch(88.41% 0.1684 137.42) 80.000% 90.000%, oklch(94.49% 0.1631 123.83) 90.000% 100.000%);

Nestas coleções

Lugares liminares

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona