紫から青の虹色の線形グラデーション
紫から青の虹色のパレット（21色）。 #9817fd, #db3dfb, #ea90c5, #dbc991, #a8e09e, #4ada8e, #1fa3a5, #3358c6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
21色、編集できる OKLCH キーフレーム7個。
- #9817fd
- #a923ff
- #c132ff
- #db3dfb
- #e957eb
- #eb76d9
- #ea90c5
- #eea1af
- #edb497
- #dbc991
- #c0d89e
- #a8e09e
- #8fe390
- #72e283
- #4ada8e
- #3cc99b
- #3cb5a1
- #1fa3a5
- #008dad
- #0072bd
- #3358c6
CSS
background: linear-gradient(270deg in oklch, oklch(56.30% 0.2880 301.64) 0.0%, oklch(59.04% 0.2867 306.00) 5.0%, oklch(62.96% 0.2820 312.32) 10.0%, oklch(66.96% 0.2781 320.01) 15.0%, oklch(70.25% 0.2435 327.37) 20.0%, oklch(73.33% 0.1853 333.48) 25.0%, oklch(76.19% 0.1272 344.43) 30.0%, oklch(78.82% 0.0922 7.21) 35.0%, oklch(81.50% 0.0775 47.52) 40.0%, oklch(83.78% 0.0756 92.70) 45.0%, oklch(85.04% 0.0827 126.57) 50.0%, oklch(85.10% 0.1058 140.78) 55.0%, oklch(84.22% 0.1407 144.38) 60.0%, oklch(82.34% 0.1665 147.29) 65.0%, oklch(79.33% 0.1638 156.19) 70.0%, oklch(75.05% 0.1373 166.60) 75.0%, oklch(70.17% 0.1101 179.38) 80.0%, oklch(65.26% 0.1053 196.47) 85.0%, oklch(59.52% 0.1095 221.49) 90.0%, oklch(53.91% 0.1442 247.72) 95.0%, oklch(50.00% 0.1764 266.06) 100.0%);