類似色の黒、紫とネイビーの放射状グラデーション
放射状グラデーション、32色：#050b13, #0a1534, #351662, #8a2586, #161443。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #050b13
- #050b16
- #050d19
- #050e1c
- #050f20
- #061125
- #07122a
- #08142f
- #0a1534
- #0d163a
- #10163f
- #151645
- #1a164a
- #1f1650
- #261556
- #2d165c
- #351662
- #41186a
- #501b73
- #601d7a
- #6f2080
- #7d2284
- #862386
- #8a2586
- #852586
- #772583
- #65247c
- #512173
- #3d1e66
- #2c1a58
- #1f174c
- #161443
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(14.57% 0.0220 255.23) 0.0%, oklch(15.02% 0.0251 255.95) 3.2%, oklch(15.61% 0.0290 256.77) 6.5%, oklch(16.32% 0.0337 257.73) 9.7%, oklch(17.11% 0.0390 258.89) 12.9%, oklch(17.96% 0.0448 260.30) 16.1%, oklch(18.86% 0.0509 261.99) 19.4%, oklch(19.78% 0.0572 264.03) 22.6%, oklch(20.70% 0.0636 266.45) 25.8%, oklch(21.57% 0.0705 269.32) 29.0%, oklch(22.43% 0.0780 272.58) 32.3%, oklch(23.31% 0.0858 276.17) 35.5%, oklch(24.26% 0.0938 280.01) 38.7%, oklch(25.32% 0.1019 284.03) 41.9%, oklch(26.53% 0.1098 288.14) 45.2%, oklch(27.95% 0.1176 292.28) 48.4%, oklch(29.68% 0.1252 296.57) 51.6%, oklch(32.14% 0.1342 301.96) 54.8%, oklch(35.09% 0.1441 308.09) 58.1%, oklch(38.22% 0.1539 314.38) 61.3%, oklch(41.20% 0.1629 320.24) 64.5%, oklch(43.73% 0.1700 325.07) 67.7%, oklch(45.47% 0.1745 328.31) 71.0%, oklch(46.11% 0.1754 329.36) 74.2%, oklch(45.32% 0.1716 327.53) 77.4%, oklch(43.10% 0.1627 322.73) 80.6%, oklch(39.87% 0.1502 315.81) 83.9%, oklch(36.03% 0.1355 307.62) 87.1%, oklch(32.00% 0.1202 299.04) 90.3%, oklch(28.18% 0.1057 290.92) 93.5%, oklch(24.99% 0.0936 284.13) 96.8%, oklch(22.83% 0.0854 279.54) 100.0%);