類似色の茶色、緑とオリーブの放射状グラデーション
類似色の茶色、緑とオリーブのパレット(48色)。 #926b2a, #778126, #3b9958, #60ad62, #c4b75c, #ceb867, #8fac65, #419a75。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
48色、編集できる OKLCH キーフレーム4個。
- #926b2a
- #916d28
- #8f6f25
- #8d7222
- #897520
- #84791f
- #7f7d21
- #778126
- #6f862d
- #668a35
- #5c8e3e
- #519248
- #469650
- #3b9958
- #329c5f
- #2d9f64
- #2da267
- #35a468
- #41a768
- #50aa66
- #60ad62
- #70af5f
- #81b15b
- #91b359
- #a0b457
- #adb557
- #bab659
- #c4b75c
- #ccb85f
- #d2b863
- #d6b966
- #d8b968
- #d7b969
- #d4b868
- #ceb867
- #c7b666
- #beb564
- #b4b363
- #a8b163
- #9caf63
- #8fac65
- #82aa67
- #74a769
- #68a46c
- #5ca16f
- #519e71
- #489c73
- #419a75
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.51% 0.0951 77.34) 0.0%, oklch(55.76% 0.0966 80.47) 2.1%, oklch(56.04% 0.0987 84.66) 4.3%, oklch(56.34% 0.1013 89.74) 6.4%, oklch(56.67% 0.1041 95.53) 8.5%, oklch(57.03% 0.1073 101.87) 10.6%, oklch(57.42% 0.1106 108.57) 12.8%, oklch(57.84% 0.1140 115.45) 14.9%, oklch(58.30% 0.1174 122.34) 17.0%, oklch(58.78% 0.1208 129.07) 19.1%, oklch(59.31% 0.1240 135.45) 21.3%, oklch(59.87% 0.1270 141.31) 23.4%, oklch(60.46% 0.1296 146.47) 25.5%, oklch(61.10% 0.1318 150.76) 27.7%, oklch(61.77% 0.1335 154.01) 29.8%, oklch(62.49% 0.1346 156.02) 31.9%, oklch(63.26% 0.1351 156.63) 34.0%, oklch(64.19% 0.1349 155.61) 36.2%, oklch(65.29% 0.1342 153.11) 38.3%, oklch(66.52% 0.1330 149.37) 40.4%, oklch(67.85% 0.1313 144.61) 42.6%, oklch(69.24% 0.1293 139.04) 44.7%, oklch(70.68% 0.1270 132.90) 46.8%, oklch(72.11% 0.1245 126.42) 48.9%, oklch(73.50% 0.1219 119.81) 51.1%, oklch(74.83% 0.1193 113.30) 53.2%, oklch(76.06% 0.1166 107.12) 55.3%, oklch(77.15% 0.1141 101.49) 57.4%, oklch(78.08% 0.1118 96.64) 59.6%, oklch(78.81% 0.1097 92.79) 61.7%, oklch(79.30% 0.1079 90.17) 63.8%, oklch(79.52% 0.1065 89.00) 66.0%, oklch(79.44% 0.1055 89.42) 68.1%, oklch(79.04% 0.1047 91.20) 70.2%, oklch(78.35% 0.1041 94.15) 72.3%, oklch(77.43% 0.1036 98.11) 74.5%, oklch(76.31% 0.1033 102.91) 76.6%, oklch(75.03% 0.1031 108.38) 78.7%, oklch(73.63% 0.1029 114.35) 80.9%, oklch(72.15% 0.1029 120.66) 83.0%, oklch(70.63% 0.1029 127.13) 85.1%, oklch(69.11% 0.1030 133.60) 87.2%, oklch(67.63% 0.1031 139.89) 89.4%, oklch(66.22% 0.1032 145.85) 91.5%, oklch(64.94% 0.1033 151.31) 93.6%, oklch(63.82% 0.1034 156.08) 95.7%, oklch(62.89% 0.1034 160.02) 97.9%, oklch(62.20% 0.1033 162.94) 100.0%);