Preto, verde, verde-oliva e cinza: amostras angulares

Amostras angulares, 21 cores a 0°: #212e20, #4d6c35, #959952, #b3b176, #8eb49e. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #212e20
• #253724
• #2c4428
• #35532d
• #406131
• #4d6c35
• #5c763b
• #6b8041
• #7a8947
• #88914d
• #959952
• #a1a059
• #aaa660
• #afab67
• #b3ae6f
• #b3b176
• #b0b37d
• #a7b686
• #9cb68f
• #93b598
• #8eb49e

CSS

background: conic-gradient(from 0deg, oklch(28.35% 0.0303 144.14) 0.000% 4.762%, oklch(31.43% 0.0407 143.03) 4.762% 9.524%, oklch(35.88% 0.0559 141.50) 9.524% 14.286%, oklch(40.78% 0.0714 139.43) 14.286% 19.048%, oklch(45.28% 0.0827 136.74) 19.048% 23.810%, oklch(49.25% 0.0883 133.11) 23.810% 28.571%, oklch(53.12% 0.0908 128.69) 28.571% 33.333%, oklch(56.82% 0.0916 124.06) 33.333% 38.095%, oklch(60.24% 0.0923 119.84) 38.095% 42.857%, oklch(63.44% 0.0935 115.73) 42.857% 47.619%, oklch(66.44% 0.0941 111.58) 47.619% 52.381%, oklch(69.09% 0.0939 108.12) 52.381% 57.143%, oklch(71.26% 0.0923 106.10) 57.143% 61.905%, oklch(72.87% 0.0889 105.09) 61.905% 66.667%, oklch(74.02% 0.0840 104.91) 66.667% 71.429%, oklch(74.77% 0.0784 106.64) 71.429% 76.190%, oklch(75.20% 0.0730 111.38) 76.190% 80.952%, oklch(75.15% 0.0675 121.41) 80.952% 85.714%, oklch(74.66% 0.0615 135.49) 85.714% 90.476%, oklch(74.03% 0.0561 149.40) 90.476% 95.238%, oklch(73.62% 0.0524 158.94) 95.238% 100.000%);

Nestas coleções

Gradientes verdes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona