シームレスな鮮やかな青と紫の円錐グラデーション
円錐グラデーション、32色、角度225°：#316eda, #4f60dc, #7349c6, #6052cf, #386bd9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #316eda
- #336ddb
- #356cdc
- #386bdc
- #3b69dd
- #3f68de
- #4465de
- #4963dd
- #4f60dc
- #555dda
- #5b59d8
- #6056d6
- #6553d3
- #6951d1
- #6c4ecd
- #704cca
- #7349c6
- #7548c4
- #7647c2
- #7547c2
- #7249c4
- #6d4bc7
- #674ecb
- #6052cf
- #5955d2
- #5358d4
- #4e5cd5
- #495fd6
- #4463d8
- #3f67d8
- #3b69d9
- #386bd9
CSS
background: conic-gradient(from 225deg in oklch, oklch(55.91% 0.1778 260.86) 0.0%, oklch(55.84% 0.1789 261.53) 3.2%, oklch(55.75% 0.1804 262.36) 6.5%, oklch(55.65% 0.1823 263.39) 9.7%, oklch(55.52% 0.1842 264.63) 12.9%, oklch(55.36% 0.1859 266.11) 16.1%, oklch(55.16% 0.1872 267.87) 19.4%, oklch(54.92% 0.1880 270.01) 22.6%, oklch(54.62% 0.1886 272.63) 25.8%, oklch(54.29% 0.1890 275.54) 29.0%, oklch(53.94% 0.1891 278.57) 32.3%, oklch(53.59% 0.1891 281.52) 35.5%, oklch(53.27% 0.1889 284.20) 38.7%, oklch(52.97% 0.1885 286.63) 41.9%, oklch(52.65% 0.1876 289.32) 45.2%, oklch(52.32% 0.1865 292.03) 48.4%, oklch(52.02% 0.1853 294.43) 51.6%, oklch(51.78% 0.1843 296.17) 54.8%, oklch(51.62% 0.1835 296.94) 58.1%, oklch(51.57% 0.1832 296.38) 61.3%, oklch(51.62% 0.1835 294.28) 64.5%, oklch(51.76% 0.1842 291.03) 67.7%, oklch(51.96% 0.1851 287.12) 71.0%, oklch(52.22% 0.1858 283.02) 74.2%, oklch(52.51% 0.1861 279.22) 77.4%, oklch(52.82% 0.1859 276.16) 80.6%, oklch(53.23% 0.1850 273.45) 83.9%, oklch(53.73% 0.1836 270.81) 87.1%, oklch(54.26% 0.1819 268.35) 90.3%, oklch(54.77% 0.1802 266.16) 93.5%, oklch(55.21% 0.1787 264.34) 96.8%, oklch(55.51% 0.1778 262.97) 100.0%);