類似色のピンクと紫の線形スウォッチ
線形スウォッチ、10色、角度30°：#fe6fa1, #ff7ca7, #ee66b0, #ae51b3, #7050b5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #fe6fa1
- #ff76a4
- #ff7ca7
- #ff79a9
- #fe71ac
- #ee66b0
- #ce59b0
- #ae51b3
- #8b50b7
- #7050b5
CSS
background: linear-gradient(30deg, oklch(72.83% 0.1805 0.70) 0.000% 10.000%, oklch(73.83% 0.1723 1.11) 10.000% 20.000%, oklch(74.78% 0.1643 1.03) 20.000% 30.000%, oklch(74.58% 0.1689 359.41) 30.000% 40.000%, oklch(73.39% 0.1815 356.23) 40.000% 50.000%, oklch(69.89% 0.1845 349.22) 50.000% 60.000%, oklch(63.97% 0.1791 338.43) 60.000% 70.000%, oklch(58.71% 0.1717 325.48) 70.000% 80.000%, oklch(54.47% 0.1620 308.42) 80.000% 90.000%, oklch(51.57% 0.1543 295.18) 90.000% 100.000%);