茶色、黒、グレーと緑の放射状グラデーション
放射状グラデーション、40色：#975a44, #23271e, #78534c, #e6d0d9, #597951。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #975a44
- #8b5938
- #78572c
- #615428
- #494e2b
- #36462f
- #2a3d2f
- #24352c
- #223028
- #222b23
- #23271e
- #25241a
- #28211a
- #2a201c
- #2d2022
- #312328
- #372830
- #423038
- #523940
- #644547
- #78534c
- #8a6350
- #997356
- #a6825f
- #b48e6d
- #c39b80
- #d1a898
- #dcb6b1
- #e3c4c8
- #e6d0d9
- #e6d9e4
- #e3dce8
- #dad8e6
- #c8cedf
- #aec1d2
- #90b2bd
- #74a2a2
- #619283
- #598466
- #597951
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.0868 40.78) 0.0%, oklch(51.11% 0.0813 52.66) 2.6%, oklch(48.21% 0.0735 70.81) 5.1%, oklch(44.75% 0.0642 92.57) 7.7%, oklch(41.01% 0.0541 115.27) 10.3%, oklch(37.30% 0.0441 136.28) 12.8%, oklch(33.90% 0.0350 152.91) 15.4%, oklch(31.12% 0.0276 162.52) 17.9%, oklch(29.22% 0.0226 162.41) 20.5%, oklch(27.78% 0.0195 150.26) 23.1%, oklch(26.59% 0.0176 128.34) 25.6%, oklch(25.74% 0.0168 100.12) 28.2%, oklch(25.32% 0.0169 69.10) 30.8%, oklch(25.42% 0.0179 38.75) 33.3%, oklch(26.12% 0.0196 12.54) 35.9%, oklch(27.53% 0.0219 353.97) 38.5%, oklch(29.76% 0.0247 346.31) 41.0%, oklch(33.15% 0.0297 349.09) 43.6%, oklch(37.52% 0.0364 359.39) 46.2%, oklch(42.55% 0.0440 14.42) 48.7%, oklch(47.95% 0.0515 31.34) 51.3%, oklch(53.42% 0.0583 47.33) 53.8%, oklch(58.64% 0.0634 59.59) 56.4%, oklch(63.31% 0.0660 65.28) 59.0%, oklch(67.43% 0.0651 62.63) 61.5%, oklch(71.87% 0.0605 54.66) 64.1%, oklch(76.45% 0.0531 42.62) 66.7%, oklch(80.85% 0.0442 27.41) 69.2%, oklch(84.75% 0.0350 9.90) 71.8%, oklch(87.83% 0.0268 350.99) 74.4%, oklch(89.77% 0.0207 331.57) 76.9%, oklch(90.26% 0.0180 312.53) 79.5%, oklch(88.81% 0.0194 292.89) 82.1%, oklch(85.25% 0.0242 269.97) 84.6%, oklch(80.19% 0.0315 245.06) 87.2%, oklch(74.24% 0.0402 219.57) 89.7%, oklch(68.03% 0.0494 194.89) 92.3%, oklch(62.16% 0.0581 172.42) 94.9%, oklch(57.26% 0.0654 153.58) 97.4%, oklch(53.94% 0.0703 139.76) 100.0%);