ネイビー、紫とオレンジの線形グラデーション
ネイビー、紫とオレンジのパレット（32色）。 #1d1b36, #272c59, #324a94, #5650af, #9344a2, #c14a80, #ea7f52, #eda94f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #1d1b36
- #201e3c
- #222244
- #25264e
- #272c59
- #293265
- #2b3871
- #2d3f7e
- #2f4589
- #324a94
- #384e9e
- #4051a5
- #4a51ab
- #5650af
- #624eb1
- #6e4cb0
- #7b49ad
- #8747a8
- #9344a2
- #9f439a
- #aa4491
- #b54689
- #c14a80
- #cc5177
- #d65a6c
- #df6662
- #e57259
- #ea7f52
- #ec8c4d
- #ee984c
- #eea24d
- #eda94f
CSS
background: linear-gradient(45deg in oklch, oklch(24.02% 0.0510 285.47) 0.0%, oklch(25.30% 0.0559 284.18) 3.2%, oklch(27.02% 0.0626 282.04) 6.5%, oklch(29.06% 0.0706 279.34) 9.7%, oklch(31.35% 0.0794 276.36) 12.9%, oklch(33.79% 0.0889 273.39) 16.1%, oklch(36.29% 0.0986 270.72) 19.4%, oklch(38.77% 0.1081 268.64) 22.6%, oklch(41.13% 0.1170 267.43) 25.8%, oklch(43.28% 0.1250 267.38) 29.0%, oklch(45.13% 0.1318 268.78) 32.3%, oklch(46.63% 0.1372 271.83) 35.5%, oklch(47.83% 0.1420 276.30) 38.7%, oklch(48.82% 0.1464 281.99) 41.9%, oklch(49.65% 0.1503 288.67) 45.2%, oklch(50.38% 0.1537 296.16) 48.4%, oklch(51.09% 0.1566 304.23) 51.6%, oklch(51.84% 0.1589 312.68) 54.8%, oklch(52.68% 0.1607 321.31) 58.1%, oklch(53.69% 0.1619 329.90) 61.3%, oklch(54.92% 0.1625 338.25) 64.5%, oklch(56.46% 0.1625 346.26) 67.7%, oklch(58.37% 0.1614 354.87) 71.0%, oklch(60.59% 0.1592 4.20) 74.2%, oklch(63.03% 0.1561 13.96) 77.4%, oklch(65.60% 0.1525 23.88) 80.6%, oklch(68.20% 0.1486 33.68) 83.9%, oklch(70.73% 0.1445 43.09) 87.1%, oklch(73.11% 0.1406 51.84) 90.3%, oklch(75.23% 0.1371 59.64) 93.5%, oklch(77.01% 0.1343 66.22) 96.8%, oklch(78.35% 0.1323 71.30) 100.0%);