シームレスな虹色の円錐グラデーション
円錐グラデーション、56色、角度0°：#ed3339, #fcc430, #00c299, #2a56f6, #ed3337。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #ed3339
- #ef3a34
- #f1422d
- #f44b24
- #f65518
- #f85f04
- #f76c00
- #f77700
- #f78100
- #f88c00
- #fb9700
- #fea300
- #ffaf17
- #ffba23
- #fcc430
- #f7cb38
- #eecf3a
- #e2cf35
- #d2cc28
- #bec813
- #a8c200
- #91bd00
- #76b900
- #59b71f
- #36b839
- #00ba55
- #00bb71
- #00be86
- #00c299
- #00c5a9
- #00c6b7
- #00c5c1
- #00c0c7
- #00b7c9
- #00acc8
- #009fc6
- #0092c3
- #0085c2
- #0079c4
- #006ecf
- #0061ea
- #2a56f6
- #4253f8
- #5551f9
- #6551f9
- #7551f8
- #8550f5
- #954cee
- #a647e3
- #b840d1
- #c938ba
- #d731a0
- #e22c83
- #e92b67
- #ec2e4d
- #ed3337
CSS
background: conic-gradient(from 0deg in oklch, oklch(61.81% 0.2205 25.31) 0.0%, oklch(62.59% 0.2181 27.57) 1.8%, oklch(63.61% 0.2149 30.50) 3.6%, oklch(64.81% 0.2111 33.98) 5.5%, oklch(66.17% 0.2069 37.89) 7.3%, oklch(67.63% 0.2025 42.12) 9.1%, oklch(69.17% 0.1928 46.53) 10.9%, oklch(70.72% 0.1843 51.04) 12.7%, oklch(72.27% 0.1778 55.52) 14.5%, oklch(74.14% 0.1737 60.12) 16.4%, oklch(76.38% 0.1715 64.94) 18.2%, oklch(78.78% 0.1707 69.94) 20.0%, oklch(81.12% 0.1671 75.11) 21.8%, oklch(83.20% 0.1651 80.38) 23.6%, oklch(84.80% 0.1618 85.75) 25.5%, oklch(85.71% 0.1600 91.17) 27.3%, oklch(85.72% 0.1602 96.62) 29.1%, oklch(84.57% 0.1631 102.08) 30.9%, oklch(82.49% 0.1684 107.61) 32.7%, oklch(79.80% 0.1752 113.20) 34.5%, oklch(76.83% 0.1804 118.90) 36.4%, oklch(73.91% 0.1852 124.74) 38.2%, oklch(71.36% 0.1942 130.72) 40.0%, oklch(69.51% 0.1989 136.88) 41.8%, oklch(68.67% 0.1997 143.26) 43.6%, oklch(68.83% 0.1903 149.83) 45.5%, oklch(69.69% 0.1671 156.60) 47.3%, oklch(70.96% 0.1522 163.53) 49.1%, oklch(72.35% 0.1423 170.59) 50.9%, oklch(73.57% 0.1356 177.76) 52.7%, oklch(74.32% 0.1310 185.01) 54.5%, oklch(74.32% 0.1275 192.31) 56.4%, oklch(73.28% 0.1246 199.70) 58.2%, oklch(71.21% 0.1222 207.40) 60.0%, oklch(68.40% 0.1210 215.31) 61.8%, oklch(65.18% 0.1217 223.31) 63.6%, oklch(61.83% 0.1251 231.29) 65.5%, oklch(58.69% 0.1324 239.10) 67.3%, oklch(56.07% 0.1462 246.63) 69.1%, oklch(54.26% 0.1714 253.76) 70.9%, oklch(53.47% 0.2210 260.24) 72.7%, oklch(53.42% 0.2430 265.86) 74.5%, oklch(53.93% 0.2423 270.95) 76.4%, oklch(54.84% 0.2405 275.83) 78.2%, oklch(55.97% 0.2378 280.84) 80.0%, oklch(57.15% 0.2349 286.31) 81.8%, oklch(58.21% 0.2322 292.57) 83.6%, oklch(58.98% 0.2303 299.96) 85.5%, oklch(59.47% 0.2290 309.10) 87.3%, oklch(59.93% 0.2276 320.22) 89.1%, oklch(60.35% 0.2262 332.54) 90.9%, oklch(60.73% 0.2248 345.32) 92.7%, oklch(61.07% 0.2235 357.79) 94.5%, oklch(61.36% 0.2222 9.18) 96.4%, oklch(61.61% 0.2212 18.73) 98.2%, oklch(61.81% 0.2205 25.66) 100.0%);