Hồng, nâu vàng và xanh lá (ba tông) (gradient xuyên tâm)

Bảng màu Hồng, nâu vàng và xanh lá (ba tông)

Gradient xuyên tâm, 32 màu: #cc5274, #f6b96c, #a3cd62, #4ea756, #236d43. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

7 keyframe OKLCH chỉnh sửa được.

#cc5274
#d35b74
#dc6976
#e57878
#ee887a
#f5957a
#f8a176
#f9ad71
#f6b96c
#f0c36b
#e8cc6b
#ded16c
#d4d36b
#c9d369
#bdd266
#b0d063
#a3cd62
#96ca61
#89c55f
#7cc05d
#6fba5b
#63b459
#58ae58
#4ea756
#46a054
#3e9952
#369150
#30894d
#2b814a
#277847
#257145
#236d43

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.1571 5.63) 0.0%, oklch(62.86% 0.1519 9.52) 3.2%, oklch(66.07% 0.1442 14.76) 6.5%, oklch(69.74% 0.1356 21.18) 9.7%, oklch(73.34% 0.1276 28.62) 12.9%, oklch(76.36% 0.1219 36.93) 16.1%, oklch(78.69% 0.1190 46.64) 19.4%, oklch(80.81% 0.1178 58.34) 22.6%, oklch(82.63% 0.1179 70.85) 25.8%, oklch(84.02% 0.1189 82.98) 29.0%, oklch(84.89% 0.1206 93.54) 32.3%, oklch(85.10% 0.1230 101.73) 35.5%, oklch(84.66% 0.1268 108.35) 38.7%, oklch(83.72% 0.1315 113.84) 41.9%, oklch(82.45% 0.1362 118.57) 45.2%, oklch(81.03% 0.1403 122.90) 48.4%, oklch(79.57% 0.1433 127.10) 51.6%, oklch(77.88% 0.1460 130.79) 54.8%, oklch(75.98% 0.1483 133.97) 58.1%, oklch(73.94% 0.1499 136.77) 61.3%, oklch(71.86% 0.1505 139.30) 64.5%, oklch(69.78% 0.1498 141.65) 67.7%, oklch(67.64% 0.1478 143.67) 71.0%, oklch(65.42% 0.1447 145.39) 74.2%, oklch(63.17% 0.1408 146.88) 77.4%, oklch(60.91% 0.1363 148.24) 80.6%, oklch(58.68% 0.1314 149.56) 83.9%, oklch(56.25% 0.1252 150.86) 87.1%, oklch(53.68% 0.1178 152.05) 90.3%, oklch(51.23% 0.1103 153.11) 93.5%, oklch(49.13% 0.1038 153.98) 96.8%, oklch(47.64% 0.0992 154.63) 100.0%);

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

Gradient nhiều màu xanh lá

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