Xanh lá, cam, xanh ô liu và nâu tông rực rỡ (gradient xuyên tâm)

Xanh lá, cam, xanh ô liu và nâu tông rực rỡ: bảng màu gồm 64 màu. #92af52, #e08654, #bf9e3c, #8ba143, #b74b36. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 4 keyframe OKLCH chỉnh sửa được.

#92af52
#96ae4e
#9bad4a
#a0ab46
#a7a941
#ada63c
#b4a338
#baa035
#c19d33
#c79a33
#cc9636
#d19339
#d5903e
#d98d43
#dc8a49
#de884f
#e08654
#e18559
#e2835d
#e3835f
#e38261
#e38262
#e28260
#e2835e
#e1855a
#df8755
#dd8950
#da8c4a
#d68f45
#d29340
#cc973d
#c69b3b
#bf9e3c
#b7a23e
#afa643
#a7a948
#9fab4e
#98ad53
#91ae58
#8baf5c
#86b05f
#83af60
#81ae60
#81ad5d
#82ab59
#84a853
#87a54c
#8ba143
#909c39
#95972e
#9b9220
#a08c10
#a58600
#a97f00
#ac7900
#b07300
#b36c00
#b66500
#b75f10
#b85a1c
#b85525
#b8512c
#b74d32
#b74b36

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(71.26% 0.1254 123.75) 0.0%, oklch(71.24% 0.1255 121.36) 1.6%, oklch(71.21% 0.1256 118.26) 3.2%, oklch(71.19% 0.1258 114.55) 4.8%, oklch(71.15% 0.1259 110.30) 6.3%, oklch(71.12% 0.1261 105.61) 7.9%, oklch(71.08% 0.1263 100.55) 9.5%, oklch(71.04% 0.1266 95.22) 11.1%, oklch(71.00% 0.1268 89.69) 12.7%, oklch(70.96% 0.1270 84.06) 14.3%, oklch(70.91% 0.1273 78.41) 15.9%, oklch(70.87% 0.1275 72.82) 17.5%, oklch(70.82% 0.1277 67.38) 19.0%, oklch(70.78% 0.1279 62.18) 20.6%, oklch(70.73% 0.1280 57.29) 22.2%, oklch(70.69% 0.1282 52.81) 23.8%, oklch(70.65% 0.1283 48.82) 25.4%, oklch(70.61% 0.1284 45.41) 27.0%, oklch(70.57% 0.1284 42.65) 28.6%, oklch(70.54% 0.1284 40.65) 30.2%, oklch(70.50% 0.1283 39.47) 31.7%, oklch(70.47% 0.1281 39.21) 33.3%, oklch(70.46% 0.1279 40.04) 34.9%, oklch(70.48% 0.1276 42.00) 36.5%, oklch(70.52% 0.1271 44.97) 38.1%, oklch(70.59% 0.1266 48.83) 39.7%, oklch(70.67% 0.1259 53.46) 41.3%, oklch(70.76% 0.1253 58.73) 42.9%, oklch(70.85% 0.1245 64.53) 44.4%, oklch(70.95% 0.1238 70.74) 46.0%, oklch(71.04% 0.1230 77.23) 47.6%, oklch(71.12% 0.1222 83.88) 49.2%, oklch(71.19% 0.1215 90.57) 50.8%, oklch(71.25% 0.1208 97.19) 52.4%, oklch(71.27% 0.1201 103.60) 54.0%, oklch(71.27% 0.1195 109.70) 55.6%, oklch(71.24% 0.1190 115.35) 57.1%, oklch(71.17% 0.1186 120.45) 58.7%, oklch(71.06% 0.1183 124.86) 60.3%, oklch(70.90% 0.1181 128.47) 61.9%, oklch(70.68% 0.1181 131.15) 63.5%, oklch(70.41% 0.1182 132.79) 65.1%, oklch(70.08% 0.1185 133.26) 66.7%, oklch(69.66% 0.1190 132.57) 68.3%, oklch(69.16% 0.1197 130.87) 69.8%, oklch(68.58% 0.1206 128.25) 71.4%, oklch(67.92% 0.1216 124.80) 73.0%, oklch(67.20% 0.1228 120.63) 74.6%, oklch(66.43% 0.1241 115.82) 76.2%, oklch(65.62% 0.1255 110.48) 77.8%, oklch(64.77% 0.1270 104.70) 79.4%, oklch(63.90% 0.1286 98.57) 81.0%, oklch(63.02% 0.1289 92.18) 82.5%, oklch(62.13% 0.1272 85.65) 84.1%, oklch(61.25% 0.1272 79.05) 85.7%, oklch(60.38% 0.1289 72.50) 87.3%, oklch(59.54% 0.1325 66.07) 88.9%, oklch(58.73% 0.1379 59.87) 90.5%, oklch(57.96% 0.1395 54.03) 92.1%, oklch(57.25% 0.1408 48.58) 93.7%, oklch(56.60% 0.1420 43.64) 95.2%, oklch(56.02% 0.1431 39.31) 96.8%, oklch(55.52% 0.1440 35.69) 98.4%, oklch(55.12% 0.1447 32.87) 100.0%);

Trong các bộ sưu tập này

Tiệc lá chuối

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động