暗い緑、青と明るい青の線形スウォッチ
線形スウォッチ、10色、角度135°：#3e4116, #283b49, #2142a5, #3878e5, #aac6ff。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #3e4116
- #1f4338
- #283b49
- #2b395d
- #223982
- #2142a5
- #2058c9
- #3878e5
- #77a4f7
- #aac6ff
CSS
background: linear-gradient(135deg, oklch(36.22% 0.0634 112.50) 0.000% 10.000%, oklch(35.09% 0.0460 172.34) 10.000% 20.000%, oklch(34.17% 0.0342 242.27) 20.000% 30.000%, oklch(35.00% 0.0670 267.41) 30.000% 40.000%, oklch(37.30% 0.1265 266.57) 40.000% 50.000%, oklch(42.16% 0.1644 265.60) 50.000% 60.000%, oklch(49.52% 0.1854 262.25) 60.000% 70.000%, oklch(58.96% 0.1791 260.44) 70.000% 80.000%, oklch(72.24% 0.1309 261.96) 80.000% 90.000%, oklch(82.68% 0.0860 263.61) 90.000% 100.000%);