類似色の青、黒と青緑の放射状グラデーション
放射状グラデーション、40色：#416593, #182d3c, #070d0f, #044a52, #00a8a3。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #416593
- #3e628e
- #3a5e88
- #375980
- #325478
- #2e4e6e
- #294764
- #25415a
- #203a50
- #1c3346
- #182d3c
- #152633
- #12212b
- #0f1b23
- #0d171c
- #0b1317
- #090f13
- #080d10
- #070c0e
- #070c0e
- #070d0f
- #080f12
- #091316
- #0a171c
- #0b1d22
- #0b252a
- #0b2d33
- #0b363d
- #084047
- #044a52
- #00555c
- #006066
- #006b70
- #00767a
- #008083
- #008a8c
- #009493
- #009c9a
- #00a39f
- #00a8a3
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(50.00% 0.0854 255.23) 0.0%, oklch(48.90% 0.0831 254.41) 2.6%, oklch(47.45% 0.0799 253.45) 5.1%, oklch(45.68% 0.0760 252.36) 7.7%, oklch(43.64% 0.0715 251.17) 10.3%, oklch(41.39% 0.0666 249.87) 12.8%, oklch(38.98% 0.0613 248.49) 15.4%, oklch(36.44% 0.0557 247.01) 17.9%, oklch(33.85% 0.0500 245.47) 20.5%, oklch(31.23% 0.0443 243.86) 23.1%, oklch(28.64% 0.0386 242.20) 25.6%, oklch(26.13% 0.0332 240.50) 28.2%, oklch(23.75% 0.0280 238.76) 30.8%, oklch(21.55% 0.0232 237.00) 33.3%, oklch(19.58% 0.0190 235.22) 35.9%, oklch(17.88% 0.0153 233.44) 38.5%, oklch(16.50% 0.0124 231.67) 41.0%, oklch(15.50% 0.0104 229.91) 43.6%, oklch(14.93% 0.0093 228.18) 46.2%, oklch(14.82% 0.0092 226.48) 48.7%, oklch(15.24% 0.0104 224.80) 51.3%, oklch(16.21% 0.0128 223.04) 53.8%, oklch(17.69% 0.0163 221.18) 56.4%, oklch(19.61% 0.0209 219.24) 59.0%, oklch(21.93% 0.0264 217.24) 61.5%, oklch(24.59% 0.0327 215.20) 64.1%, oklch(27.53% 0.0396 213.12) 66.7%, oklch(30.70% 0.0470 211.03) 69.2%, oklch(34.03% 0.0548 208.94) 71.8%, oklch(37.49% 0.0628 206.87) 74.4%, oklch(41.00% 0.0700 204.85) 76.9%, oklch(44.52% 0.0758 202.86) 79.5%, oklch(47.99% 0.0816 200.94) 82.1%, oklch(51.35% 0.0873 199.11) 84.6%, oklch(54.54% 0.0928 197.37) 87.2%, oklch(57.52% 0.0980 195.76) 89.7%, oklch(60.23% 0.1029 194.27) 92.3%, oklch(62.60% 0.1072 192.93) 94.9%, oklch(64.59% 0.1110 191.76) 97.4%, oklch(66.14% 0.1139 190.77) 100.0%);