Verde-escuro para verde (monocromático): gradiente angular
Gradiente angular, 32 cores a 135°: #034238, #0e845e, #37bf6c, #a5e254, #2b6e44. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #034238
- #03473c
- #034e40
- #045746
- #06604c
- #096a51
- #0c7356
- #0d7b5a
- #0e845e
- #0d8d62
- #0e9565
- #119d67
- #17a569
- #1fac6a
- #27b36b
- #2fb96c
- #37bf6c
- #41c56c
- #4cca6a
- #5acf68
- #6dd564
- #82db5e
- #96e059
- #a5e254
- #ace151
- #a9db50
- #98ce52
- #7fbb53
- #63a551
- #4a8e4e
- #367b49
- #2b6e44
CSS
background: conic-gradient(from 135deg in oklch, oklch(33.86% 0.0606 178.59) 0.0%, oklch(35.56% 0.0646 177.36) 3.2%, oklch(37.93% 0.0699 175.63) 6.5%, oklch(40.72% 0.0763 173.59) 9.7%, oklch(43.73% 0.0833 171.41) 12.9%, oklch(46.73% 0.0906 169.26) 16.1%, oklch(49.49% 0.0978 167.32) 19.4%, oklch(51.98% 0.1050 165.65) 22.6%, oklch(54.45% 0.1127 164.09) 25.8%, oklch(56.88% 0.1207 162.59) 29.0%, oklch(59.26% 0.1287 161.12) 32.3%, oklch(61.55% 0.1364 159.64) 35.5%, oklch(63.73% 0.1435 158.10) 38.7%, oklch(65.79% 0.1498 156.52) 41.9%, oklch(67.74% 0.1558 155.04) 45.2%, oklch(69.60% 0.1615 153.59) 48.4%, oklch(71.37% 0.1667 152.05) 51.6%, oklch(73.06% 0.1711 150.32) 54.8%, oklch(74.66% 0.1747 148.29) 58.1%, oklch(76.27% 0.1774 145.77) 61.3%, oklch(78.43% 0.1800 142.08) 64.5%, oklch(80.84% 0.1823 137.68) 67.7%, oklch(83.00% 0.1835 133.25) 71.0%, oklch(84.41% 0.1831 129.53) 74.2%, oklch(84.57% 0.1805 127.20) 77.4%, oklch(82.96% 0.1750 126.98) 80.6%, oklch(78.85% 0.1647 129.40) 83.9%, oklch(72.78% 0.1507 133.83) 87.1%, oklch(65.71% 0.1348 139.34) 90.3%, oklch(58.65% 0.1191 145.03) 93.5%, oklch(52.56% 0.1057 149.96) 96.8%, oklch(48.43% 0.0965 153.23) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
