Nâu, hồng và xanh dương (ba tông) (gradient xuyên tâm)

Nâu, hồng và xanh dương (ba tông): bảng màu gồm 56 màu. #745039, #97613b, #ea7471, #d77cd0, #4c5c80. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#745039
#755139
#775239
#785339
#7a5439
#7c5539
#7f5639
#815739
#845839
#865a39
#895b3a
#8c5c3a
#905e3a
#935f3a
#97613b
#9a623b
#9e633c
#a2643d
#a7663f
#ab6741
#b16843
#b76946
#bd6b4a
#c56c4f
#cc6e54
#d46f5a
#db7161
#e37268
#ea7471
#f0757a
#f57683
#fa778c
#fe7996
#ff7aa0
#ff7ca9
#ff7db2
#fe7cba
#fa7dc0
#f47dc6
#eb7dcb
#e27cce
#d77cd0
#ca7bd0
#bd79cf
#b078cc
#a376c7
#9674c1
#8971ba
#7d6eb2
#736caa
#6969a2
#616599
#5a6392
#54608b
#505e85
#4c5c80

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(46.46% 0.0593 54.14) 0.0%, oklch(46.78% 0.0605 54.09) 1.8%, oklch(47.15% 0.0618 54.16) 3.6%, oklch(47.55% 0.0633 54.32) 5.5%, oklch(48.00% 0.0650 54.54) 7.3%, oklch(48.49% 0.0668 54.81) 9.1%, oklch(49.01% 0.0687 55.09) 10.9%, oklch(49.56% 0.0708 55.36) 12.7%, oklch(50.14% 0.0729 55.59) 14.5%, oklch(50.76% 0.0752 55.77) 16.4%, oklch(51.40% 0.0776 55.86) 18.2%, oklch(52.06% 0.0801 55.84) 20.0%, oklch(52.75% 0.0827 55.68) 21.8%, oklch(53.45% 0.0853 55.37) 23.6%, oklch(54.18% 0.0880 54.86) 25.5%, oklch(54.92% 0.0908 54.15) 27.3%, oklch(55.67% 0.0937 53.20) 29.1%, oklch(56.44% 0.0966 51.98) 30.9%, oklch(57.22% 0.0996 50.48) 32.7%, oklch(58.04% 0.1027 48.68) 34.5%, oklch(59.01% 0.1065 46.63) 36.4%, oklch(60.11% 0.1107 44.34) 38.2%, oklch(61.32% 0.1154 41.82) 40.0%, oklch(62.61% 0.1204 39.10) 41.8%, oklch(63.96% 0.1257 36.19) 43.6%, oklch(65.33% 0.1310 33.11) 45.5%, oklch(66.72% 0.1364 29.87) 47.3%, oklch(68.08% 0.1417 26.49) 49.1%, oklch(69.40% 0.1469 22.98) 50.9%, oklch(70.65% 0.1518 19.36) 52.7%, oklch(71.81% 0.1563 15.65) 54.5%, oklch(72.84% 0.1603 11.86) 56.4%, oklch(73.73% 0.1638 8.01) 58.2%, oklch(74.44% 0.1647 4.11) 60.0%, oklch(74.96% 0.1647 0.18) 61.8%, oklch(75.26% 0.1675 356.24) 63.6%, oklch(75.31% 0.1699 352.30) 65.5%, oklch(75.09% 0.1691 348.35) 67.3%, oklch(74.54% 0.1669 344.13) 69.1%, oklch(73.69% 0.1636 339.59) 70.9%, oklch(72.57% 0.1592 334.79) 72.7%, oklch(71.22% 0.1539 329.77) 74.5%, oklch(69.66% 0.1479 324.59) 76.4%, oklch(67.95% 0.1412 319.30) 78.2%, oklch(66.11% 0.1340 313.95) 80.0%, oklch(64.18% 0.1265 308.60) 81.8%, oklch(62.19% 0.1188 303.29) 83.6%, oklch(60.18% 0.1109 298.09) 85.5%, oklch(58.19% 0.1032 293.03) 87.3%, oklch(56.25% 0.0956 288.17) 89.1%, oklch(54.39% 0.0883 283.57) 90.9%, oklch(52.66% 0.0816 279.28) 92.7%, oklch(51.08% 0.0754 275.34) 94.5%, oklch(49.69% 0.0700 271.81) 96.4%, oklch(48.53% 0.0655 268.75) 98.2%, oklch(47.64% 0.0620 266.20) 100.0%);

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

Gradient hai màu

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