ピンク、マゼンタとオフホワイトの線形グラデーション
線形グラデーション、32色、角度135°：#f9d5ea, #ee7fc7, #dc2ea5, #e9a1de, #f9efe1。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #f9d5ea
- #f8cfe7
- #f7c7e3
- #f5bdde
- #f3b3da
- #f1a8d5
- #f09cd1
- #ef8ecc
- #ee7fc7
- #ed70c1
- #eb62bc
- #e855b7
- #e448b1
- #e03aac
- #dd2ea7
- #db29a5
- #dc2ea5
- #df3ba9
- #e44caf
- #e95db6
- #ed6ebe
- #ef7ec7
- #ed8fd3
- #e9a1de
- #e6b2e5
- #e8c0e7
- #eccbe5
- #f4d3e1
- #f9dbdd
- #fbe3db
- #faeadd
- #f9efe1
CSS
background: linear-gradient(135deg in oklch, oklch(90.94% 0.0482 343.13) 0.0%, oklch(89.70% 0.0552 342.96) 3.2%, oklch(87.96% 0.0648 342.70) 6.5%, oklch(85.90% 0.0763 342.42) 9.7%, oklch(83.68% 0.0895 342.18) 12.9%, oklch(81.46% 0.1037 342.07) 16.1%, oklch(79.22% 0.1198 342.12) 19.4%, oklch(76.77% 0.1391 342.29) 22.6%, oklch(74.25% 0.1594 342.53) 25.8%, oklch(71.80% 0.1788 342.80) 29.0%, oklch(69.57% 0.1953 343.05) 32.3%, oklch(67.52% 0.2080 343.28) 35.5%, oklch(65.33% 0.2193 343.54) 38.7%, oklch(63.28% 0.2285 343.81) 41.9%, oklch(61.71% 0.2345 344.03) 45.2%, oklch(60.97% 0.2365 344.16) 48.4%, oklch(61.40% 0.2334 344.21) 51.6%, oklch(63.04% 0.2250 344.35) 54.8%, oklch(65.52% 0.2125 344.45) 58.1%, oklch(68.44% 0.1970 344.32) 61.3%, oklch(71.41% 0.1799 343.79) 64.5%, oklch(74.10% 0.1619 342.44) 67.7%, oklch(76.89% 0.1399 337.90) 71.0%, oklch(79.83% 0.1150 331.86) 74.2%, oklch(82.73% 0.0901 327.16) 77.4%, oklch(85.43% 0.0680 326.66) 80.6%, oklch(87.76% 0.0515 333.25) 83.9%, oklch(89.83% 0.0404 350.07) 87.1%, oklch(91.71% 0.0330 14.19) 90.3%, oklch(93.34% 0.0282 40.59) 93.5%, oklch(94.68% 0.0249 64.31) 96.8%, oklch(95.67% 0.0220 80.35) 100.0%);