ネイビー、グレーと緑の放射状グラデーション
ネイビー、グレーと緑のパレット（32色）。 #11334f, #214c72, #4a779c, #6d9bb0, #95bcaa, #a1c694, #9dbb63, #85a744。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム6個。
- #11334f
- #133754
- #173d5d
- #1b4467
- #214c72
- #27547d
- #2d5c86
- #35658e
- #3f6e95
- #4a779c
- #5580a3
- #5f89a8
- #6792ad
- #6d9bb0
- #73a3b1
- #7babb0
- #83b2ae
- #8db7ac
- #95bcaa
- #9abfa7
- #9dc2a3
- #a0c59c
- #a1c694
- #a2c78a
- #a3c680
- #a4c477
- #a2c06d
- #9dbb63
- #96b559
- #8faf51
- #89aa4a
- #85a744
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.10% 0.0634 246.09) 0.0%, oklch(32.72% 0.0662 246.37) 3.2%, oklch(34.93% 0.0705 246.88) 6.5%, oklch(37.56% 0.0755 247.43) 9.7%, oklch(40.45% 0.0802 247.83) 12.9%, oklch(43.42% 0.0838 247.86) 16.1%, oklch(46.30% 0.0854 247.34) 19.4%, oklch(49.12% 0.0844 246.54) 22.6%, oklch(52.12% 0.0812 246.05) 25.8%, oklch(55.22% 0.0766 245.32) 29.0%, oklch(58.30% 0.0713 243.79) 32.3%, oklch(61.25% 0.0661 240.88) 35.5%, oklch(63.97% 0.0619 236.03) 38.7%, oklch(66.40% 0.0588 228.45) 41.9%, oklch(68.72% 0.0554 217.56) 45.2%, oklch(70.90% 0.0521 204.49) 48.4%, oklch(72.89% 0.0496 190.55) 51.6%, oklch(74.63% 0.0484 177.02) 54.8%, oklch(76.07% 0.0492 165.18) 58.1%, oklch(77.17% 0.0528 156.14) 61.3%, oklch(77.98% 0.0599 148.84) 64.5%, oklch(78.51% 0.0695 142.74) 67.7%, oklch(78.76% 0.0804 137.68) 71.0%, oklch(78.73% 0.0914 133.51) 74.2%, oklch(78.42% 0.1013 130.07) 77.4%, oklch(77.80% 0.1088 127.22) 80.6%, oklch(76.59% 0.1147 125.43) 83.9%, oklch(74.87% 0.1196 124.72) 87.1%, oklch(72.90% 0.1238 124.72) 90.3%, oklch(70.95% 0.1272 125.11) 93.5%, oklch(69.26% 0.1300 125.52) 96.8%, oklch(68.11% 0.1323 125.62) 100.0%);