Nâu, đen, nâu vàng và xám (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #342500, #0d0100, #d9b78f, #b79280, #cdc2b2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#342500
#332300
#302000
#2c1c00
#281700
#231300
#1e0e00
#190a00
#140600
#100400
#0c0200
#090100
#080100
#070000
#080000
#090000
#0d0100
#130301
#1b0803
#251008
#311a11
#3f261b
#4e3426
#5f4231
#70523e
#81614a
#927157
#a28163
#b1906f
#bf9d79
#caa882
#d3b18a
#d9b78f
#ddbb93
#e0bc95
#e0bc95
#e0ba95
#deb794
#dab392
#d7af8f
#d2aa8c
#cda48a
#c8a087
#c49b84
#bf9782
#bc9480
#b99280
#b79280
#b79281
#b79482
#b89684
#b99987
#ba9c8a
#bca08d
#bda491
#bfa895
#c1ac99
#c3b09e
#c5b4a2
#c7b8a6
#c9bbaa
#cbbead
#ccc0b0
#cdc2b2

CSS

background: linear-gradient(135deg in oklch, oklch(27.56% 0.0564 85.75) 0.0%, oklch(26.78% 0.0550 83.72) 1.6%, oklch(25.60% 0.0528 81.22) 3.2%, oklch(24.08% 0.0502 78.17) 4.8%, oklch(22.32% 0.0471 74.68) 6.3%, oklch(20.38% 0.0439 70.80) 7.9%, oklch(18.36% 0.0407 66.61) 9.5%, oklch(16.33% 0.0375 62.14) 11.1%, oklch(14.37% 0.0346 57.41) 12.7%, oklch(12.56% 0.0321 52.41) 14.3%, oklch(10.98% 0.0303 47.14) 15.9%, oklch(9.70% 0.0294 41.76) 17.5%, oklch(8.82% 0.0296 36.81) 19.0%, oklch(8.40% 0.0308 33.21) 20.6%, oklch(8.52% 0.0325 31.74) 22.2%, oklch(9.25% 0.0336 33.65) 23.8%, oklch(10.68% 0.0345 38.14) 25.4%, oklch(13.03% 0.0353 38.29) 27.0%, oklch(16.25% 0.0366 39.19) 28.6%, oklch(20.19% 0.0383 40.73) 30.2%, oklch(24.73% 0.0403 42.81) 31.7%, oklch(29.75% 0.0427 45.31) 33.3%, oklch(35.11% 0.0453 48.14) 34.9%, oklch(40.70% 0.0480 51.19) 36.5%, oklch(46.37% 0.0508 54.35) 38.1%, oklch(52.02% 0.0536 57.51) 39.7%, oklch(57.51% 0.0563 60.58) 41.3%, oklch(62.70% 0.0588 63.44) 42.9%, oklch(67.49% 0.0611 66.00) 44.4%, oklch(71.73% 0.0631 68.14) 46.0%, oklch(75.30% 0.0647 69.76) 47.6%, oklch(78.08% 0.0658 70.76) 49.2%, oklch(79.98% 0.0664 71.04) 50.8%, oklch(81.15% 0.0667 70.67) 52.4%, oklch(81.71% 0.0667 69.75) 54.0%, oklch(81.73% 0.0664 68.37) 55.6%, oklch(81.30% 0.0659 66.60) 57.1%, oklch(80.49% 0.0652 64.54) 58.7%, oklch(79.38% 0.0644 62.27) 60.3%, oklch(78.05% 0.0634 59.88) 61.9%, oklch(76.58% 0.0622 57.45) 63.5%, oklch(75.04% 0.0610 55.07) 65.1%, oklch(73.52% 0.0597 52.83) 66.7%, oklch(72.09% 0.0583 50.80) 68.3%, oklch(70.84% 0.0569 49.09) 69.8%, oklch(69.83% 0.0555 47.77) 71.4%, oklch(69.16% 0.0541 46.93) 73.0%, oklch(68.89% 0.0527 46.65) 74.6%, oklch(69.03% 0.0513 46.99) 76.2%, oklch(69.39% 0.0498 47.84) 77.8%, oklch(69.95% 0.0480 49.15) 79.4%, oklch(70.67% 0.0462 50.84) 81.0%, oklch(71.52% 0.0442 52.86) 82.5%, oklch(72.48% 0.0421 55.12) 84.1%, oklch(73.52% 0.0401 57.58) 85.7%, oklch(74.62% 0.0380 60.16) 87.3%, oklch(75.73% 0.0359 62.79) 88.9%, oklch(76.85% 0.0339 65.42) 90.5%, oklch(77.93% 0.0320 67.97) 92.1%, oklch(78.95% 0.0302 70.39) 93.7%, oklch(79.88% 0.0285 72.60) 95.2%, oklch(80.71% 0.0271 74.53) 96.8%, oklch(81.38% 0.0258 76.13) 98.4%, oklch(81.89% 0.0248 77.33) 100.0%);

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

Gradient nâ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