Verde-escuro para verde-claro (monocromático): gradiente linear
Gradiente linear, 32 cores a 135°: #0f2a1d, #1a4430, #185b3d, #4c8258, #c7d8a8. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #0f2a1d
- #102c1e
- #112e20
- #123122
- #133525
- #153928
- #163c2a
- #18402d
- #1a4430
- #1b4833
- #1d4c35
- #1e4f37
- #1e5239
- #1d543a
- #1b563b
- #19583c
- #185b3d
- #185d3f
- #1a6140
- #1f6543
- #266a46
- #30704b
- #3c7951
- #4c8258
- #5d8e61
- #6f9a6b
- #81a676
- #92b282
- #a3be8d
- #b2c898
- #bed1a1
- #c7d8a8
CSS
background: linear-gradient(135deg in oklch, oklch(25.93% 0.0416 160.53) 0.0%, oklch(26.62% 0.0430 160.51) 3.2%, oklch(27.53% 0.0447 160.50) 6.5%, oklch(28.59% 0.0469 160.50) 9.7%, oklch(29.79% 0.0492 160.50) 12.9%, oklch(31.08% 0.0518 160.49) 16.1%, oklch(32.43% 0.0544 160.46) 19.4%, oklch(33.79% 0.0572 160.40) 22.6%, oklch(35.14% 0.0599 160.31) 25.8%, oklch(36.43% 0.0626 160.19) 29.0%, oklch(37.62% 0.0651 160.02) 32.3%, oklch(38.66% 0.0676 159.85) 35.5%, oklch(39.49% 0.0704 159.82) 38.7%, oklch(40.16% 0.0734 159.88) 41.9%, oklch(40.75% 0.0765 159.97) 45.2%, oklch(41.35% 0.0796 160.01) 48.4%, oklch(42.03% 0.0826 159.94) 51.6%, oklch(42.86% 0.0852 159.68) 54.8%, oklch(43.93% 0.0875 159.17) 58.1%, oklch(45.31% 0.0892 158.34) 61.3%, oklch(47.07% 0.0902 157.12) 64.5%, oklch(49.31% 0.0903 155.43) 67.7%, oklch(52.26% 0.0895 153.03) 71.0%, oklch(55.83% 0.0878 150.03) 74.2%, oklch(59.84% 0.0855 146.57) 77.4%, oklch(64.12% 0.0827 142.82) 80.6%, oklch(68.49% 0.0796 138.96) 83.9%, oklch(72.79% 0.0764 135.14) 87.1%, oklch(76.83% 0.0733 131.54) 90.3%, oklch(80.45% 0.0706 128.31) 93.5%, oklch(83.47% 0.0683 125.62) 96.8%, oklch(85.71% 0.0667 123.64) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
