紫からオレンジの虹色の線形スウォッチ
線形スウォッチ、4色、角度135°：#8d47a3, #df3e8d, #28a69f, #f5b527。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #8d47a3
- #df3e8d
- #28a69f
- #f5b527
CSS
background: linear-gradient(135deg, oklch(52.36% 0.1543 317.81) 0.000% 25.000%, oklch(62.20% 0.2081 354.80) 25.000% 50.000%, oklch(65.75% 0.1047 189.95) 50.000% 75.000%, oklch(81.10% 0.1585 81.10) 75.000% 100.000%);