暗めの黒から紫の虹色の放射状グラデーション
放射状グラデーション、40色：#09030d, #7b2b31, #204318, #0f2139, #69244e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #09030d
- #0e0411
- #150617
- #1e0a1e
- #290e25
- #35122b
- #431731
- #521c35
- #612137
- #6f2636
- #7b2b31
- #853128
- #8a371b
- #8b3d01
- #824600
- #764b00
- #694c00
- #5a4c00
- #494b00
- #354806
- #204318
- #0b3d22
- #003627
- #002f2a
- #00292a
- #00252b
- #00232d
- #032230
- #082134
- #0f2139
- #17223f
- #202345
- #2a234a
- #34244f
- #3f2452
- #492454
- #532454
- #5c2453
- #632451
- #69244e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.81% 0.0303 313.59) 0.0%, oklch(13.46% 0.0349 317.58) 2.6%, oklch(15.72% 0.0411 322.22) 5.1%, oklch(18.46% 0.0488 327.47) 7.7%, oklch(21.56% 0.0575 333.32) 10.3%, oklch(24.91% 0.0669 339.74) 12.8%, oklch(28.38% 0.0765 346.70) 15.4%, oklch(31.84% 0.0862 354.19) 17.9%, oklch(35.18% 0.0954 2.17) 20.5%, oklch(38.26% 0.1038 10.63) 23.1%, oklch(40.98% 0.1111 19.54) 25.6%, oklch(43.20% 0.1169 28.87) 28.2%, oklch(44.80% 0.1209 38.60) 30.8%, oklch(45.67% 0.1226 48.70) 33.3%, oklch(45.71% 0.1077 59.49) 35.9%, oklch(45.00% 0.0967 71.37) 38.5%, oklch(43.66% 0.0896 84.11) 41.0%, oklch(41.82% 0.0863 97.54) 43.6%, oklch(39.61% 0.0874 111.50) 46.2%, oklch(37.16% 0.0894 125.77) 48.7%, oklch(34.58% 0.0804 140.21) 51.3%, oklch(32.01% 0.0714 154.65) 53.8%, oklch(29.58% 0.0593 168.86) 56.4%, oklch(27.39% 0.0488 182.83) 59.0%, oklch(25.59% 0.0436 196.32) 61.5%, oklch(24.30% 0.0419 209.16) 64.1%, oklch(23.64% 0.0434 221.14) 66.7%, oklch(23.56% 0.0447 232.44) 69.2%, oklch(23.95% 0.0471 244.00) 71.8%, oklch(24.71% 0.0511 255.53) 74.4%, oklch(25.78% 0.0563 266.91) 76.9%, oklch(27.08% 0.0625 278.05) 79.5%, oklch(28.55% 0.0694 288.84) 82.1%, oklch(30.12% 0.0766 299.17) 84.6%, oklch(31.73% 0.0839 308.93) 87.2%, oklch(33.29% 0.0910 318.03) 89.7%, oklch(34.75% 0.0977 326.36) 92.3%, oklch(36.03% 0.1035 333.81) 94.9%, oklch(37.07% 0.1082 340.27) 97.4%, oklch(37.80% 0.1116 345.65) 100.0%);