黒から青緑の線形グラデーション
黒から青緑のパレット（32色）。 #020707, #041110, #082724, #0a3f3a, #0d665e, #108b81, #1cbeac, #2ae0c7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #020707
- #030909
- #030b0b
- #030e0d
- #041110
- #051514
- #051917
- #061d1b
- #07221f
- #082724
- #082c29
- #09322e
- #0a3834
- #0a3f3a
- #0b4641
- #0b4d48
- #0c554f
- #0d5d56
- #0d665e
- #0e6f67
- #0e786f
- #0f8278
- #108b81
- #119589
- #139e92
- #15a99a
- #19b4a3
- #1cbeac
- #20c8b5
- #24d2bc
- #28dac2
- #2ae0c7
CSS
background: linear-gradient(90deg in oklch, oklch(12.20% 0.0124 195.47) 0.0%, oklch(12.98% 0.0138 194.84) 3.2%, oklch(13.95% 0.0157 193.95) 6.5%, oklch(15.12% 0.0178 192.90) 9.7%, oklch(16.44% 0.0203 191.76) 12.9%, oklch(17.90% 0.0230 190.61) 16.1%, oklch(19.47% 0.0260 189.53) 19.4%, oklch(21.14% 0.0292 188.61) 22.6%, oklch(22.88% 0.0325 187.92) 25.8%, oklch(24.74% 0.0362 187.42) 29.0%, oklch(26.73% 0.0401 187.04) 32.3%, oklch(28.83% 0.0442 186.76) 35.5%, oklch(31.03% 0.0486 186.55) 38.7%, oklch(33.32% 0.0531 186.38) 41.9%, oklch(35.70% 0.0577 186.22) 45.2%, oklch(38.13% 0.0624 186.05) 48.4%, oklch(40.64% 0.0672 185.87) 51.6%, oklch(43.28% 0.0721 185.73) 54.8%, oklch(46.05% 0.0773 185.65) 58.1%, oklch(48.89% 0.0826 185.59) 61.3%, oklch(51.79% 0.0879 185.51) 64.5%, oklch(54.68% 0.0932 185.41) 67.7%, oklch(57.55% 0.0984 185.24) 71.0%, oklch(60.34% 0.1035 184.98) 74.2%, oklch(63.14% 0.1085 184.60) 77.4%, oklch(66.13% 0.1138 184.08) 80.6%, oklch(69.21% 0.1192 183.46) 83.9%, oklch(72.24% 0.1245 182.80) 87.1%, oklch(75.11% 0.1295 182.15) 90.3%, oklch(77.70% 0.1340 181.54) 93.5%, oklch(79.86% 0.1377 181.04) 96.8%, oklch(81.50% 0.1406 180.67) 100.0%);