類似色の黒、青緑と明るい青の放射状グラデーション
放射状グラデーション、32色：#131326, #213138, #487162, #73a190, #94acbe。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #131326
- #131527
- #141728
- #151a29
- #171d2a
- #19212c
- #1b252f
- #1e2a33
- #213138
- #25383d
- #294042
- #2e4846
- #34504b
- #3a584f
- #3f6055
- #44685b
- #487162
- #4d7969
- #518170
- #578976
- #5e8f7d
- #659683
- #6c9b8a
- #73a190
- #78a597
- #7ca99e
- #7faca6
- #82adae
- #86adb4
- #8badb9
- #90acbc
- #94acbe
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(19.69% 0.0386 281.95) 0.0%, oklch(20.29% 0.0367 278.81) 3.2%, oklch(21.04% 0.0338 274.81) 6.5%, oklch(21.97% 0.0306 269.94) 9.7%, oklch(23.09% 0.0274 264.16) 12.9%, oklch(24.44% 0.0249 257.45) 16.1%, oklch(26.03% 0.0235 249.79) 19.4%, oklch(27.93% 0.0236 240.46) 22.6%, oklch(30.18% 0.0246 228.71) 25.8%, oklch(32.68% 0.0265 215.71) 29.0%, oklch(35.33% 0.0289 202.66) 32.3%, oklch(38.04% 0.0316 190.77) 35.5%, oklch(40.70% 0.0346 181.26) 38.7%, oklch(43.28% 0.0379 175.02) 41.9%, oklch(45.95% 0.0422 171.21) 45.2%, oklch(48.67% 0.0471 169.23) 48.4%, oklch(51.37% 0.0520 168.52) 51.6%, oklch(54.00% 0.0564 168.57) 54.8%, oklch(56.48% 0.0595 168.84) 58.1%, oklch(58.77% 0.0610 168.82) 61.3%, oklch(61.00% 0.0609 168.53) 64.5%, oklch(63.14% 0.0596 168.42) 67.7%, oklch(65.15% 0.0575 168.92) 71.0%, oklch(66.99% 0.0551 170.48) 74.2%, oklch(68.60% 0.0527 173.53) 77.4%, oklch(69.93% 0.0506 178.54) 80.6%, oklch(70.94% 0.0484 186.80) 83.9%, oklch(71.70% 0.0458 197.67) 87.1%, oklch(72.24% 0.0432 209.73) 90.3%, oklch(72.64% 0.0408 221.53) 93.5%, oklch(72.95% 0.0387 231.64) 96.8%, oklch(73.23% 0.0372 238.63) 100.0%);