緑からオレンジの虹色の線形スウォッチ
線形スウォッチ、5色、角度90°：#168c6b, #d7c400, #300133, #d9f3ff, #f86900。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #168c6b
- #d7c400
- #300133
- #d9f3ff
- #f86900
CSS
background: linear-gradient(90deg, oklch(57.09% 0.1102 168.05) 0.000% 20.000%, oklch(81.10% 0.1702 102.53) 20.000% 40.000%, oklch(22.05% 0.1006 325.15) 40.000% 60.000%, oklch(94.88% 0.0315 227.91) 60.000% 80.000%, oklch(68.90% 0.1955 45.45) 80.000% 100.000%);