類似色のオリーブ、黒とベージュの放射状グラデーション
類似色のオリーブ、黒とベージュのパレット（64色）。 #727415, #334a19, #061c0b, #131c09, #4b3a1b, #87674b, #c3b491, #f0f3d2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム4個。
- #727415
- #6e7116
- #696e17
- #626a17
- #5b6618
- #536119
- #4b5b19
- #435619
- #3b5019
- #334a19
- #2b4318
- #243d17
- #1d3715
- #173214
- #122c12
- #0e2710
- #0a230e
- #071f0c
- #061c0b
- #05190a
- #051709
- #051608
- #061608
- #071608
- #0a1708
- #0c1808
- #101a08
- #131c09
- #181f09
- #1d210a
- #22240b
- #28270c
- #2e2b0e
- #352e11
- #3c3214
- #443617
- #4b3a1b
- #523e20
- #5a4325
- #61472a
- #684c2f
- #6e5134
- #74553a
- #7a5b3f
- #806145
- #87674b
- #8d6e52
- #947659
- #9b7e60
- #a28767
- #a88f6f
- #af9877
- #b6a180
- #bcab88
- #c3b491
- #c9bc9a
- #cfc5a2
- #d5cdab
- #dad5b3
- #dfdcba
- #e4e3c1
- #e8e9c8
- #eceece
- #f0f3d2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.1102 110.39) 0.0%, oklch(52.93% 0.1082 111.51) 1.6%, oklch(51.65% 0.1057 113.04) 3.2%, oklch(50.13% 0.1028 114.91) 4.8%, oklch(48.39% 0.0995 117.08) 6.3%, oklch(46.47% 0.0959 119.49) 7.9%, oklch(44.41% 0.0920 122.09) 9.5%, oklch(42.23% 0.0878 124.83) 11.1%, oklch(39.97% 0.0835 127.66) 12.7%, oklch(37.66% 0.0791 130.52) 14.3%, oklch(35.34% 0.0747 133.36) 15.9%, oklch(33.03% 0.0702 136.14) 17.5%, oklch(30.77% 0.0658 138.78) 19.0%, oklch(28.60% 0.0615 141.26) 20.6%, oklch(26.54% 0.0573 143.50) 22.2%, oklch(24.63% 0.0534 145.47) 23.8%, oklch(22.90% 0.0497 147.10) 25.4%, oklch(21.38% 0.0463 148.35) 27.0%, oklch(20.11% 0.0434 149.15) 28.6%, oklch(19.12% 0.0408 149.47) 30.2%, oklch(18.44% 0.0387 149.25) 31.7%, oklch(18.11% 0.0372 148.43) 33.3%, oklch(18.09% 0.0362 146.88) 34.9%, oklch(18.30% 0.0357 144.55) 36.5%, oklch(18.74% 0.0356 141.52) 38.1%, oklch(19.39% 0.0358 137.88) 39.7%, oklch(20.23% 0.0364 133.70) 41.3%, oklch(21.26% 0.0373 129.08) 42.9%, oklch(22.44% 0.0385 124.09) 44.4%, oklch(23.77% 0.0398 118.82) 46.0%, oklch(25.24% 0.0414 113.36) 47.6%, oklch(26.83% 0.0431 107.78) 49.2%, oklch(28.51% 0.0448 102.17) 50.8%, oklch(30.29% 0.0466 96.62) 52.4%, oklch(32.13% 0.0484 91.20) 54.0%, oklch(34.03% 0.0502 86.01) 55.6%, oklch(35.98% 0.0518 81.12) 57.1%, oklch(37.94% 0.0534 76.61) 58.7%, oklch(39.92% 0.0548 72.58) 60.3%, oklch(41.90% 0.0560 69.10) 61.9%, oklch(43.85% 0.0569 66.26) 63.5%, oklch(45.77% 0.0576 64.15) 65.1%, oklch(47.64% 0.0579 62.84) 66.7%, oklch(49.57% 0.0579 62.31) 68.3%, oklch(51.66% 0.0578 62.43) 69.8%, oklch(53.91% 0.0575 63.16) 71.4%, oklch(56.28% 0.0570 64.43) 73.0%, oklch(58.76% 0.0564 66.19) 74.6%, oklch(61.32% 0.0557 68.36) 76.2%, oklch(63.94% 0.0549 70.90) 77.8%, oklch(66.60% 0.0540 73.74) 79.4%, oklch(69.29% 0.0531 76.83) 81.0%, oklch(71.97% 0.0521 80.10) 82.5%, oklch(74.63% 0.0511 83.50) 84.1%, oklch(77.24% 0.0500 86.97) 85.7%, oklch(79.79% 0.0490 90.45) 87.3%, oklch(82.25% 0.0480 93.87) 88.9%, oklch(84.61% 0.0470 97.19) 90.5%, oklch(86.83% 0.0461 100.33) 92.1%, oklch(88.91% 0.0452 103.25) 93.7%, oklch(90.81% 0.0444 105.88) 95.2%, oklch(92.52% 0.0437 108.16) 96.8%, oklch(94.02% 0.0431 110.04) 98.4%, oklch(95.28% 0.0427 111.45) 100.0%);