類似色のネイビー、青と紫の線形グラデーション
線形グラデーション、32色、角度315°：#122e6a, #1d53a5, #4a5dc7, #7648bd, #a03fac。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #122e6a
- #12316f
- #133575
- #143a7d
- #154086
- #16458e
- #174b97
- #19509f
- #1d53a5
- #2156ab
- #2659b0
- #2b5bb5
- #315cba
- #375dbe
- #3d5ec2
- #435ec4
- #4a5dc7
- #515bc8
- #5858c8
- #5e55c6
- #6552c5
- #6b4ec2
- #714bc0
- #7648bd
- #7c46bb
- #8245b9
- #8843b7
- #8e42b5
- #9441b3
- #9940b0
- #9d3fae
- #a03fac
CSS
background: linear-gradient(315deg in oklch, oklch(31.89% 0.1116 262.97) 0.0%, oklch(33.01% 0.1142 262.52) 3.2%, oklch(34.56% 0.1178 261.79) 6.5%, oklch(36.41% 0.1221 260.91) 9.7%, oklch(38.42% 0.1268 260.02) 12.9%, oklch(40.48% 0.1316 259.24) 16.1%, oklch(42.44% 0.1363 258.71) 19.4%, oklch(44.19% 0.1405 258.54) 22.6%, oklch(45.60% 0.1441 258.87) 25.8%, oklch(46.81% 0.1474 259.53) 29.0%, oklch(47.92% 0.1504 260.45) 32.3%, oklch(48.92% 0.1532 261.63) 35.5%, oklch(49.80% 0.1558 263.08) 38.7%, oklch(50.57% 0.1583 264.81) 41.9%, oklch(51.22% 0.1607 266.81) 45.2%, oklch(51.75% 0.1629 269.11) 48.4%, oklch(52.14% 0.1650 271.74) 51.6%, oklch(52.29% 0.1669 274.89) 54.8%, oklch(52.26% 0.1687 278.47) 58.1%, oklch(52.10% 0.1703 282.34) 61.3%, oklch(51.88% 0.1718 286.37) 64.5%, oklch(51.67% 0.1732 290.42) 67.7%, oklch(51.54% 0.1746 294.35) 71.0%, oklch(51.54% 0.1760 298.03) 74.2%, oklch(51.73% 0.1775 301.52) 77.4%, oklch(52.04% 0.1789 305.15) 80.6%, oklch(52.43% 0.1804 308.82) 83.9%, oklch(52.87% 0.1818 312.40) 87.1%, oklch(53.32% 0.1831 315.76) 90.3%, oklch(53.74% 0.1843 318.76) 93.5%, oklch(54.09% 0.1853 321.29) 96.8%, oklch(54.33% 0.1860 323.20) 100.0%);