類似色の紫とネイビーの線形スウォッチ
線形スウォッチ、6色、角度180°：#ad4ad1, #8c37be, #6827a2, #4b2181, #33246a, #24285a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #ad4ad1
- #8c37be
- #6827a2
- #4b2181
- #33246a
- #24285a
CSS
background: linear-gradient(180deg, oklch(59.45% 0.2094 315.70) 0.000% 16.667%, oklch(51.92% 0.2039 309.79) 16.667% 33.333%, oklch(43.54% 0.1860 303.32) 33.333% 50.000%, oklch(36.44% 0.1518 298.12) 50.000% 66.667%, oklch(32.20% 0.1170 287.79) 66.667% 83.333%, oklch(30.31% 0.0882 276.60) 83.333% 100.000%);