Xám, xanh lá, nâu và tím (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 45°: #3a505e, #657979, #a78232, #503d57, #a57f30. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a505e
#3b515f
#3e5360
#415662
#445963
#485c65
#4c5f67
#516269
#55666c
#59696e
#5d6d71
#607073
#627375
#647678
#657979
#657d7b
#64817c
#64847c
#64887a
#658c77
#679073
#6c926c
#729464
#7b945a
#859350
#8f9045
#988d3c
#a18835
#a78232
#ab7a34
#ab713a
#a96842
#a35f4b
#9a5853
#8e5159
#824c5d
#75485e
#6a445e
#60425c
#583f5a
#523e58
#503d57
#513d57
#543e58
#5a3f59
#63425a
#6d455a
#784959
#834d56
#8e5350
#975a4a
#9e6242
#a26a3b
#a57235
#a57932
#a57f30

CSS

background: linear-gradient(45deg in oklch, oklch(41.73% 0.0358 236.95) 0.0%, oklch(42.34% 0.0351 235.46) 1.8%, oklch(43.11% 0.0338 233.87) 3.6%, oklch(44.01% 0.0322 232.15) 5.5%, oklch(45.03% 0.0303 230.27) 7.3%, oklch(46.14% 0.0282 228.20) 9.1%, oklch(47.31% 0.0262 225.90) 10.9%, oklch(48.53% 0.0242 223.34) 12.7%, oklch(49.76% 0.0225 220.49) 14.5%, oklch(50.98% 0.0212 217.32) 16.4%, oklch(52.17% 0.0203 213.79) 18.2%, oklch(53.30% 0.0200 209.87) 20.0%, oklch(54.34% 0.0205 205.52) 21.8%, oklch(55.29% 0.0218 200.72) 23.6%, oklch(56.10% 0.0241 195.42) 25.5%, oklch(56.93% 0.0279 189.57) 27.3%, oklch(57.82% 0.0331 183.17) 29.1%, oklch(58.73% 0.0394 176.28) 30.9%, oklch(59.65% 0.0466 168.95) 32.7%, oklch(60.53% 0.0543 161.25) 34.5%, oklch(61.36% 0.0624 153.22) 36.4%, oklch(62.10% 0.0706 144.91) 38.2%, oklch(62.74% 0.0785 136.38) 40.0%, oklch(63.23% 0.0859 127.69) 41.8%, oklch(63.56% 0.0926 118.89) 43.6%, oklch(63.69% 0.0983 110.02) 45.5%, oklch(63.60% 0.1026 101.15) 47.3%, oklch(63.26% 0.1054 92.33) 49.1%, oklch(62.61% 0.1063 83.40) 50.9%, oklch(61.47% 0.1054 73.26) 52.7%, oklch(59.88% 0.1028 62.00) 54.5%, oklch(57.95% 0.0988 49.96) 56.4%, oklch(55.75% 0.0938 37.46) 58.2%, oklch(53.38% 0.0881 24.81) 60.0%, oklch(50.92% 0.0819 12.34) 61.8%, oklch(48.48% 0.0755 0.36) 63.6%, oklch(46.13% 0.0692 349.21) 65.5%, oklch(43.97% 0.0633 339.20) 67.3%, oklch(42.09% 0.0581 330.66) 69.1%, oklch(40.57% 0.0539 323.91) 70.9%, oklch(39.52% 0.0510 319.26) 72.7%, oklch(39.01% 0.0497 317.05) 74.5%, oklch(39.11% 0.0500 317.69) 76.4%, oklch(39.77% 0.0517 321.36) 78.2%, oklch(40.91% 0.0546 327.64) 80.0%, oklch(42.44% 0.0584 336.09) 81.8%, oklch(44.29% 0.0630 346.26) 83.6%, oklch(46.37% 0.0681 357.72) 85.5%, oklch(48.61% 0.0736 10.03) 87.3%, oklch(50.92% 0.0793 22.73) 89.1%, oklch(53.22% 0.0850 35.39) 90.9%, oklch(55.43% 0.0904 47.58) 92.7%, oklch(57.48% 0.0954 58.84) 94.5%, oklch(59.28% 0.0999 68.73) 96.4%, oklch(60.75% 0.1035 76.82) 98.2%, oklch(61.81% 0.1061 82.67) 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