Nâu vàng, xám, đen và xanh lá (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #cda17c, #9a766e, #0d1401, #5d5122, #94c78a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#cda17c
#cda07e
#cda182
#cda288
#cda38d
#cba290
#c7a091
#c19b8f
#b79388
#aa867d
#9a766e
#88635d
#75504b
#623d39
#522d28
#44211a
#391a0d
#2f1501
#221400
#171400
#0d1401
#041406
#01150c
#001711
#011c15
#06241a
#152f1d
#293b1e
#42461e
#5d5122
#755b2b
#886535
#966f3d
#9f7b43
#a58a49
#a69852
#a4a75f
#9eb56f
#98c07e
#94c78a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.0730 61.17) 0.0%, oklch(73.98% 0.0707 59.16) 2.6%, oklch(74.24% 0.0673 56.29) 5.1%, oklch(74.56% 0.0633 52.87) 7.7%, oklch(74.73% 0.0590 49.18) 10.3%, oklch(74.53% 0.0548 45.51) 12.8%, oklch(73.73% 0.0511 42.18) 15.4%, oklch(72.11% 0.0482 39.46) 17.9%, oklch(69.44% 0.0467 37.60) 20.5%, oklch(65.28% 0.0465 35.27) 23.1%, oklch(59.82% 0.0475 32.31) 25.6%, oklch(53.53% 0.0492 29.45) 28.2%, oklch(46.89% 0.0512 27.40) 30.8%, oklch(40.35% 0.0531 26.89) 33.3%, oklch(34.37% 0.0546 28.63) 35.9%, oklch(29.44% 0.0553 33.36) 38.5%, oklch(25.89% 0.0547 42.10) 41.0%, oklch(23.02% 0.0525 57.47) 43.6%, oklch(20.65% 0.0431 77.42) 46.2%, oklch(18.85% 0.0393 100.94) 48.7%, oklch(17.64% 0.0413 124.77) 51.3%, oklch(17.11% 0.0380 146.29) 53.8%, oklch(17.31% 0.0358 163.39) 56.4%, oklch(18.30% 0.0350 173.44) 59.0%, oklch(20.20% 0.0372 174.76) 61.5%, oklch(23.46% 0.0412 166.79) 64.1%, oklch(27.78% 0.0467 152.25) 66.7%, oklch(32.80% 0.0533 133.75) 69.2%, oklch(38.20% 0.0604 113.90) 71.8%, oklch(43.62% 0.0674 95.31) 74.4%, oklch(48.72% 0.0738 80.60) 76.9%, oklch(53.16% 0.0791 72.38) 79.5%, oklch(56.97% 0.0831 71.99) 82.1%, oklch(60.72% 0.0867 77.24) 84.6%, oklch(64.36% 0.0899 86.53) 87.2%, oklch(67.80% 0.0927 98.35) 89.7%, oklch(70.97% 0.0952 111.17) 92.3%, oklch(73.77% 0.0973 123.47) 94.9%, oklch(76.12% 0.0991 133.73) 97.4%, oklch(77.95% 0.1006 140.43) 100.0%);

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