Nâu, trắng và xám (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 45°: #c57d60, #885e4b, #f8f3e7, #7a7e73, #424849. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c57d60
#c07a5e
#b9755a
#b06f56
#a66851
#9d624d
#945d49
#8d5946
#885745
#865946
#885e4b
#8e6854
#997762
#a78975
#b79e89
#c8b39f
#d8c8b5
#e7dac9
#f2e8d9
#f8f1e4
#f8f3e7
#f2eee3
#e7e5da
#d9d7cd
#c9c8bd
#b8b7ac
#a6a69b
#95978b
#86897e
#7a7e73
#71766c
#686e66
#606861
#59625c
#535c58
#4f5755
#4b5352
#474f4f
#454b4c
#424849

CSS

background: linear-gradient(45deg in oklch, oklch(65.75% 0.0992 42.19) 0.0%, oklch(64.60% 0.0971 42.13) 2.6%, oklch(62.77% 0.0943 41.81) 5.1%, oklch(60.50% 0.0911 41.37) 7.7%, oklch(58.01% 0.0875 40.91) 10.3%, oklch(55.56% 0.0836 40.57) 12.8%, oklch(53.37% 0.0795 40.47) 15.4%, oklch(51.68% 0.0752 40.73) 17.9%, oklch(50.74% 0.0709 41.47) 20.5%, oklch(50.77% 0.0666 42.82) 23.1%, oklch(52.03% 0.0623 44.90) 25.6%, oklch(55.05% 0.0577 47.80) 28.2%, oklch(59.61% 0.0526 51.42) 30.8%, oklch(65.25% 0.0473 55.61) 33.3%, oklch(71.52% 0.0419 60.22) 35.9%, oklch(77.94% 0.0365 65.11) 38.5%, oklch(84.06% 0.0314 70.13) 41.0%, oklch(89.42% 0.0267 75.13) 43.6%, oklch(93.56% 0.0226 79.96) 46.2%, oklch(96.01% 0.0192 84.48) 48.7%, oklch(96.38% 0.0168 88.53) 51.3%, oklch(94.91% 0.0153 92.07) 53.8%, oklch(91.98% 0.0146 95.24) 56.4%, oklch(87.92% 0.0145 98.23) 59.0%, oklch(83.06% 0.0147 101.21) 61.5%, oklch(77.75% 0.0153 104.35) 64.1%, oklch(72.31% 0.0159 107.82) 66.7%, oklch(67.09% 0.0164 111.81) 69.2%, oklch(62.42% 0.0167 116.49) 71.8%, oklch(58.64% 0.0166 122.02) 74.4%, oklch(55.76% 0.0161 128.78) 76.9%, oklch(53.15% 0.0154 137.12) 79.5%, oklch(50.76% 0.0145 146.61) 82.1%, oklch(48.59% 0.0135 156.84) 84.6%, oklch(46.64% 0.0124 167.35) 87.2%, oklch(44.89% 0.0114 177.73) 89.7%, oklch(43.33% 0.0104 187.54) 92.3%, oklch(41.96% 0.0095 196.33) 94.9%, oklch(40.78% 0.0088 203.68) 97.4%, oklch(39.76% 0.0083 209.15) 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