鲜艳的邻近色的粉色到紫色角度渐变

角度渐变,32 种颜色,角度 45°:#fc3aa1, #e734d1, #a13ae3, #6726be, #341273。编辑并导出 CSS、SVG、PNG 或着色器。
5 个可编辑的 OKLCH 关键帧。
- #fc3aa1
- #fb39a5
- #fa38aa
- #f937b0
- #f736b7
- #f435be
- #f134c5
- #ec34cb
- #e734d1
- #e035d6
- #d837db
- #d038df
- #c63ae2
- #bd3be5
- #b33be6
- #aa3be5
- #a13ae3
- #9838e1
- #8f36dd
- #8733d8
- #7f30d2
- #762ccc
- #6f29c5
- #6726be
- #6023b6
- #5820ac
- #501da1
- #491b96
- #42188b
- #3c1681
- #371479
- #341273
CSS
background: conic-gradient(from 45deg in oklch, oklch(67.32% 0.2411 353.67) 0.0%, oklch(67.24% 0.2429 352.19) 3.2%, oklch(67.17% 0.2456 350.27) 6.5%, oklch(67.10% 0.2489 347.98) 9.7%, oklch(66.99% 0.2522 345.41) 12.9%, oklch(66.81% 0.2554 342.64) 16.1%, oklch(66.53% 0.2581 339.75) 19.4%, oklch(66.14% 0.2599 336.82) 22.6%, oklch(65.60% 0.2604 333.92) 25.8%, oklch(64.94% 0.2599 330.79) 29.0%, oklch(64.17% 0.2587 327.40) 32.3%, oklch(63.31% 0.2567 323.87) 35.5%, oklch(62.35% 0.2543 320.31) 38.7%, oklch(61.30% 0.2515 316.83) 41.9%, oklch(60.15% 0.2485 313.56) 45.2%, oklch(58.92% 0.2454 310.61) 48.4%, oklch(57.59% 0.2424 308.06) 51.6%, oklch(56.12% 0.2394 305.77) 54.8%, oklch(54.54% 0.2363 303.70) 58.1%, oklch(52.86% 0.2330 301.82) 61.3%, oklch(51.12% 0.2293 300.12) 64.5%, oklch(49.33% 0.2252 298.57) 67.7%, oklch(47.52% 0.2205 297.16) 71.0%, oklch(45.72% 0.2151 295.86) 74.2%, oklch(43.87% 0.2085 294.68) 77.4%, oklch(41.81% 0.2003 293.68) 80.6%, oklch(39.63% 0.1910 292.84) 83.9%, oklch(37.45% 0.1812 292.13) 87.1%, oklch(35.36% 0.1716 291.54) 90.3%, oklch(33.47% 0.1629 291.05) 93.5%, oklch(31.89% 0.1555 290.63) 96.8%, oklch(30.71% 0.1502 290.27) 100.0%);