黒から緑の線形グラデーション
黒から緑のパレット（40色）。 #020103, #000807, #0e1400, #233000, #384e00, #5b7600, #779c00, #8fc600。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム5個。
- #020103
- #020204
- #010205
- #010306
- #000407
- #000607
- #000807
- #000a06
- #010d04
- #040f02
- #091201
- #0e1400
- #131800
- #171c00
- #1b2000
- #1e2500
- #212b00
- #233000
- #263600
- #293c00
- #2e4200
- #334800
- #384e00
- #3e5400
- #435b00
- #496100
- #4f6800
- #556f00
- #5b7600
- #617c00
- #668300
- #6c8b00
- #729300
- #779c00
- #7ca400
- #81ad00
- #86b400
- #8abb00
- #8dc100
- #8fc600
CSS
background: linear-gradient(135deg in oklch, oklch(7.87% 0.0096 289.69) 0.0%, oklch(8.34% 0.0112 279.25) 2.6%, oklch(8.88% 0.0129 264.86) 5.1%, oklch(9.50% 0.0148 247.55) 7.7%, oklch(10.21% 0.0170 228.31) 10.3%, oklch(11.03% 0.0190 208.61) 12.8%, oklch(11.96% 0.0208 187.89) 15.4%, oklch(12.91% 0.0259 168.87) 17.9%, oklch(13.98% 0.0305 152.40) 20.5%, oklch(15.17% 0.0356 138.74) 23.1%, oklch(16.48% 0.0415 129.19) 25.6%, oklch(17.94% 0.0442 123.32) 28.2%, oklch(19.52% 0.0462 119.76) 30.8%, oklch(21.22% 0.0496 118.37) 33.3%, oklch(23.02% 0.0539 118.63) 35.9%, oklch(24.91% 0.0592 120.04) 38.5%, oklch(26.85% 0.0652 122.07) 41.0%, oklch(28.84% 0.0718 124.24) 43.6%, oklch(30.85% 0.0786 126.05) 46.2%, oklch(32.86% 0.0847 126.99) 48.7%, oklch(34.87% 0.0897 126.79) 51.3%, oklch(36.94% 0.0945 126.37) 53.8%, oklch(39.07% 0.0994 125.93) 56.4%, oklch(41.25% 0.1043 125.49) 59.0%, oklch(43.46% 0.1093 125.07) 61.5%, oklch(45.69% 0.1144 124.68) 64.1%, oklch(47.93% 0.1195 124.34) 66.7%, oklch(50.17% 0.1246 124.07) 69.2%, oklch(52.39% 0.1299 123.88) 71.8%, oklch(54.58% 0.1352 123.79) 74.4%, oklch(56.79% 0.1407 123.83) 76.9%, oklch(59.16% 0.1469 124.01) 79.5%, oklch(61.63% 0.1536 124.31) 82.1%, oklch(64.12% 0.1605 124.68) 84.6%, oklch(66.58% 0.1676 125.11) 87.2%, oklch(68.93% 0.1745 125.56) 89.7%, oklch(71.12% 0.1810 126.00) 92.3%, oklch(73.06% 0.1870 126.40) 94.9%, oklch(74.71% 0.1920 126.73) 97.4%, oklch(75.98% 0.1959 126.95) 100.0%);