サーモン、暗い紫、ネイビーとグレーの放射状グラデーション
放射状グラデーション、64色：#dd6d58, #512b3d, #1b2330, #40574c, #d1c39c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #dd6d58
- #d86a59
- #d2675a
- #cb635a
- #c45f59
- #bb5b58
- #b25657
- #a85156
- #9e4d54
- #944851
- #8a434f
- #803f4c
- #763a49
- #6c3646
- #623243
- #5a2e40
- #512b3d
- #4a283a
- #432537
- #3d2335
- #382133
- #332031
- #301f30
- #2d1f30
- #2a1e2f
- #271e2f
- #251e2e
- #221e2e
- #201f2e
- #1f202f
- #1d202f
- #1c2230
- #1b2330
- #1a2531
- #1a2632
- #192833
- #1a2b34
- #1a2d35
- #1b3036
- #1d3337
- #1f3639
- #21393a
- #243d3c
- #28413e
- #2d4541
- #324b44
- #395148
- #40574c
- #475e50
- #506555
- #596d5a
- #62755f
- #6c7d65
- #76856a
- #818d70
- #8b9575
- #969c7b
- #a0a380
- #aaaa86
- #b3b08b
- #bcb690
- #c4bb94
- #cbc098
- #d1c39c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.1447 31.64) 0.0%, oklch(65.09% 0.1419 30.13) 1.6%, oklch(63.79% 0.1385 28.50) 3.2%, oklch(62.26% 0.1345 26.77) 4.8%, oklch(60.54% 0.1301 24.91) 6.3%, oklch(58.65% 0.1252 22.93) 7.9%, oklch(56.62% 0.1200 20.81) 9.5%, oklch(54.48% 0.1145 18.57) 11.1%, oklch(52.24% 0.1087 16.18) 12.7%, oklch(49.95% 0.1028 13.65) 14.3%, oklch(47.62% 0.0967 10.98) 15.9%, oklch(45.29% 0.0907 8.15) 17.5%, oklch(42.98% 0.0846 5.16) 19.0%, oklch(40.71% 0.0786 2.01) 20.6%, oklch(38.52% 0.0728 358.69) 22.2%, oklch(36.44% 0.0672 355.19) 23.8%, oklch(34.48% 0.0618 351.52) 25.4%, oklch(32.67% 0.0568 347.67) 27.0%, oklch(31.05% 0.0522 343.63) 28.6%, oklch(29.64% 0.0480 339.40) 30.2%, oklch(28.47% 0.0444 334.98) 31.7%, oklch(27.56% 0.0413 330.35) 33.3%, oklch(26.84% 0.0388 325.41) 34.9%, oklch(26.24% 0.0365 320.08) 36.5%, oklch(25.74% 0.0346 314.40) 38.1%, oklch(25.34% 0.0330 308.40) 39.7%, oklch(25.06% 0.0316 302.12) 41.3%, oklch(24.87% 0.0304 295.60) 42.9%, oklch(24.79% 0.0295 288.86) 44.4%, oklch(24.81% 0.0288 281.95) 46.0%, oklch(24.93% 0.0283 274.91) 47.6%, oklch(25.15% 0.0279 267.77) 49.2%, oklch(25.47% 0.0277 260.56) 50.8%, oklch(25.88% 0.0277 253.33) 52.4%, oklch(26.40% 0.0278 246.10) 54.0%, oklch(27.00% 0.0279 238.92) 55.6%, oklch(27.71% 0.0282 231.82) 57.1%, oklch(28.51% 0.0285 224.84) 58.7%, oklch(29.39% 0.0288 218.01) 60.3%, oklch(30.38% 0.0292 211.38) 61.9%, oklch(31.45% 0.0296 204.97) 63.5%, oklch(32.61% 0.0300 198.82) 65.1%, oklch(33.86% 0.0303 192.97) 66.7%, oklch(35.30% 0.0307 187.25) 68.3%, oklch(37.00% 0.0314 181.49) 69.8%, oklch(38.95% 0.0322 175.71) 71.4%, oklch(41.11% 0.0332 169.92) 73.0%, oklch(43.45% 0.0343 164.14) 74.6%, oklch(45.94% 0.0355 158.41) 76.2%, oklch(48.56% 0.0368 152.74) 77.8%, oklch(51.27% 0.0383 147.14) 79.4%, oklch(54.04% 0.0397 141.66) 81.0%, oklch(56.86% 0.0413 136.29) 82.5%, oklch(59.68% 0.0428 131.07) 84.1%, oklch(62.48% 0.0443 126.02) 85.7%, oklch(65.22% 0.0459 121.15) 87.3%, oklch(67.89% 0.0474 116.49) 88.9%, oklch(70.45% 0.0488 112.07) 90.5%, oklch(72.87% 0.0502 107.89) 92.1%, oklch(75.13% 0.0514 103.99) 93.7%, oklch(77.18% 0.0526 100.38) 95.2%, oklch(79.02% 0.0536 97.08) 96.8%, oklch(80.59% 0.0544 94.12) 98.4%, oklch(81.89% 0.0551 91.52) 100.0%);