Nâu, đỏ nâu, xám và tím (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #3c251c, #8b442a, #526060, #6c2c5b, #6a455d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3c251c
#41251c
#46221d
#4d1f20
#531c27
#591a2f
#601936
#681c3b
#72223a
#7f2f33
#8b442a
#915f2a
#8e7b3f
#879260
#82a180
#82a896
#81a69d
#7b9c97
#718a88
#627675
#526060
#414d4d
#333d3e
#283335
#203035
#1d303e
#24314c
#38315a
#522f60
#6c2c5b
#802b4e
#8c2c3f
#902f38
#8f3239
#8b3641
#853a4a
#7d3d52
#754158
#6e445c
#6a455d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(29.13% 0.0386 42.19) 0.0%, oklch(29.65% 0.0456 37.68) 2.6%, oklch(30.16% 0.0562 30.07) 5.1%, oklch(30.76% 0.0688 20.90) 7.7%, oklch(31.54% 0.0821 11.73) 10.3%, oklch(32.59% 0.0947 4.10) 12.8%, oklch(34.01% 0.1052 359.56) 15.4%, oklch(35.89% 0.1122 359.67) 17.9%, oklch(38.36% 0.1144 6.00) 20.5%, oklch(42.18% 0.1113 20.05) 23.1%, oklch(47.24% 0.1043 40.49) 25.6%, oklch(52.93% 0.0944 65.18) 28.2%, oklch(58.64% 0.0828 92.01) 30.8%, oklch(63.78% 0.0707 118.82) 33.3%, oklch(67.73% 0.0593 143.50) 35.9%, oklch(69.89% 0.0498 163.91) 38.5%, oklch(69.64% 0.0429 178.08) 41.0%, oklch(66.58% 0.0362 186.48) 43.6%, oklch(61.39% 0.0293 190.82) 46.2%, oklch(54.85% 0.0231 192.71) 48.7%, oklch(47.77% 0.0180 193.75) 51.3%, oklch(40.93% 0.0147 195.51) 53.8%, oklch(35.15% 0.0138 199.62) 56.4%, oklch(31.20% 0.0160 207.65) 59.0%, oklch(29.68% 0.0225 221.28) 61.5%, oklch(29.97% 0.0350 240.80) 64.1%, oklch(31.58% 0.0520 264.34) 66.7%, oklch(34.08% 0.0712 289.90) 69.2%, oklch(37.04% 0.0906 315.46) 71.8%, oklch(40.01% 0.1083 339.04) 74.4%, oklch(42.57% 0.1222 358.61) 76.9%, oklch(44.28% 0.1302 12.19) 79.5%, oklch(45.05% 0.1309 18.52) 82.1%, oklch(45.38% 0.1258 19.05) 84.6%, oklch(45.40% 0.1163 15.24) 87.2%, oklch(45.21% 0.1041 8.51) 89.7%, oklch(44.88% 0.0909 0.31) 92.3%, oklch(44.52% 0.0781 352.08) 94.9%, oklch(44.23% 0.0675 345.25) 97.4%, oklch(44.09% 0.0606 341.25) 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