跳至内容

Grabient 调色板

从橙色到紫色的彩虹角度渐变

从橙色到紫色的彩虹配色方案

角度渐变,32 种颜色,角度 90°:#fd3858, #ffcd28, #27d48d, #0f99ee, #a33ee6。编辑并导出 CSS、SVG、PNG 或着色器。

7 个可编辑的 OKLCH 关键帧。

  • #fd3858
  • #ff4b4d
  • #ff6242
  • #ff7837
  • #ff8c2d
  • #fe9e2a
  • #fead2a
  • #ffbd29
  • #ffcd28
  • #fbdb2b
  • #efe636
  • #dceb46
  • #c2e951
  • #a4e35b
  • #82dc67
  • #5cd677
  • #27d48d
  • #00d2aa
  • #00d0c3
  • #00cfd8
  • #1dc9e8
  • #2bbfef
  • #21aef0
  • #0f99ee
  • #1582eb
  • #2b6be8
  • #425ae7
  • #594ee8
  • #7047e9
  • #8543e9
  • #9740e8
  • #a33ee6

CSS

background: conic-gradient(from 90deg in oklch, oklch(65.35% 0.2287 18.28) 0.0%, oklch(67.06% 0.2167 24.56) 3.2%, oklch(69.47% 0.1973 33.43) 6.5%, oklch(72.29% 0.1812 43.77) 9.7%, oklch(75.21% 0.1709 54.45) 12.9%, oklch(77.93% 0.1635 64.34) 16.1%, oklch(80.63% 0.1610 73.05) 19.4%, oklch(83.76% 0.1637 81.48) 22.6%, oklch(86.79% 0.1693 89.76) 25.8%, oklch(89.21% 0.1758 98.01) 29.0%, oklch(90.48% 0.1800 106.34) 32.3%, oklch(90.03% 0.1808 114.66) 35.5%, oklch(87.82% 0.1805 122.54) 38.7%, oklch(84.63% 0.1791 130.44) 41.9%, oklch(81.25% 0.1766 138.85) 45.2%, oklch(78.47% 0.1731 148.29) 48.4%, oklch(77.04% 0.1678 159.33) 51.6%, oklch(76.88% 0.1485 172.37) 54.8%, oklch(77.30% 0.1352 186.56) 58.1%, oklch(77.61% 0.1320 200.86) 61.3%, oklch(77.11% 0.1317 214.28) 64.5%, oklch(75.09% 0.1342 225.87) 67.7%, oklch(71.10% 0.1458 235.99) 71.0%, oklch(65.94% 0.1632 245.15) 74.2%, oklch(60.64% 0.1828 253.68) 77.4%, oklch(56.22% 0.2009 261.89) 80.6%, oklch(53.68% 0.2139 270.12) 83.9%, oklch(53.22% 0.2228 278.83) 87.1%, oklch(54.11% 0.2294 287.65) 90.3%, oklch(55.69% 0.2344 295.88) 93.5%, oklch(57.30% 0.2381 302.84) 96.8%, oklch(58.27% 0.2411 307.83) 100.0%);

收录于这些合集

Conic gradients

相似调色板合集下载 PNG调色板 JSONMarkdown工作原理