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

Gradient tuyến tính, 64 màu, góc 135°: #47201c, #11251b, #320116, #ffdc86, #9d8640. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#47201c
#462119
#442115
#422211
#3f240d
#3a250a
#352709
#30280a
#2a290d
#252911
#202914
#1c2917
#182819
#15271b
#13271c
#12261b
#11251b
#102418
#0f2214
#101f0f
#111c08
#141902
#161400
#171000
#180d00
#190900
#1a0600
#1e0300
#210001
#230005
#26000a
#2b0010
#320116
#3c071d
#481025
#571c2d
#682935
#7b373d
#8e4744
#a2594b
#b56b52
#c77f58
#d6925f
#e4a567
#eeb76f
#f6c678
#fcd37f
#ffdc86
#ffe18d
#ffe38a
#fbe289
#f6df87
#f0da83
#e9d37d
#e0cb77
#d8c270
#cfb969
#c6b061
#bda65a
#b49d53
#ad954d
#a68f47
#a18943
#9d8640

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.0606 27.42) 0.0%, oklch(29.72% 0.0595 32.72) 1.6%, oklch(29.48% 0.0579 39.95) 3.2%, oklch(29.20% 0.0560 48.77) 4.8%, oklch(28.89% 0.0538 58.87) 6.3%, oklch(28.55% 0.0514 69.91) 7.9%, oklch(28.19% 0.0488 81.58) 9.5%, oklch(27.81% 0.0462 93.53) 11.1%, oklch(27.41% 0.0436 105.45) 12.7%, oklch(27.01% 0.0411 117.00) 14.3%, oklch(26.60% 0.0388 127.87) 15.9%, oklch(26.19% 0.0368 137.72) 17.5%, oklch(25.79% 0.0351 146.22) 19.0%, oklch(25.39% 0.0338 153.06) 20.6%, oklch(25.02% 0.0330 157.90) 22.2%, oklch(24.66% 0.0328 160.41) 23.8%, oklch(24.32% 0.0332 160.26) 25.4%, oklch(23.79% 0.0343 157.04) 27.0%, oklch(23.03% 0.0360 150.98) 28.6%, oklch(22.10% 0.0381 142.49) 30.2%, oklch(21.06% 0.0407 132.00) 31.7%, oklch(19.96% 0.0437 119.91) 33.3%, oklch(18.88% 0.0404 106.51) 34.9%, oklch(17.85% 0.0365 92.09) 36.5%, oklch(16.93% 0.0354 77.23) 38.1%, oklch(16.20% 0.0371 62.51) 39.7%, oklch(15.70% 0.0424 48.50) 41.3%, oklch(15.49% 0.0534 35.69) 42.9%, oklch(15.70% 0.0638 26.11) 44.4%, oklch(16.24% 0.0650 16.09) 46.0%, oklch(17.25% 0.0691 8.16) 47.6%, oklch(18.77% 0.0757 2.80) 49.2%, oklch(20.87% 0.0812 0.15) 50.8%, oklch(23.92% 0.0838 0.07) 52.4%, oklch(27.78% 0.0865 1.94) 54.0%, oklch(32.33% 0.0892 5.52) 55.6%, oklch(37.41% 0.0919 10.54) 57.1%, oklch(42.90% 0.0946 16.74) 58.7%, oklch(48.67% 0.0972 23.88) 60.3%, oklch(54.57% 0.0997 31.70) 61.9%, oklch(60.48% 0.1021 39.94) 63.5%, oklch(66.25% 0.1043 48.34) 65.1%, oklch(71.76% 0.1064 56.66) 66.7%, oklch(76.86% 0.1082 64.63) 68.3%, oklch(81.43% 0.1098 72.00) 69.8%, oklch(85.33% 0.1111 78.51) 71.4%, oklch(88.42% 0.1122 83.91) 73.0%, oklch(90.57% 0.1121 87.95) 74.6%, oklch(91.71% 0.1087 90.67) 76.2%, oklch(92.01% 0.1130 92.72) 77.8%, oklch(91.56% 0.1125 94.20) 79.4%, oklch(90.47% 0.1116 95.18) 81.0%, oklch(88.82% 0.1104 95.71) 82.5%, oklch(86.73% 0.1090 95.87) 84.1%, oklch(84.28% 0.1074 95.72) 85.7%, oklch(81.58% 0.1056 95.32) 87.3%, oklch(78.72% 0.1038 94.73) 88.9%, oklch(75.80% 0.1020 94.02) 90.5%, oklch(72.93% 0.1002 93.26) 92.1%, oklch(70.19% 0.0985 92.50) 93.7%, oklch(67.69% 0.0969 91.81) 95.2%, oklch(65.53% 0.0956 91.26) 96.8%, oklch(63.80% 0.0945 90.91) 98.4%, oklch(62.60% 0.0937 90.83) 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