Đỏ nâu, xanh lá đậm, cam và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #51001e, #244204, #637a18, #d89d41, #ecd4b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#51001e
#550014
#570300
#4d1c00
#462600
#402d00
#3a3300
#323a00
#244204
#16491c
#0c4e29
#0b5431
#145c35
#236435
#356c31
#4b7328
#637a18
#7c7f00
#928300
#a78700
#b98b00
#c7900f
#d1962b
#d89d41
#dea554
#e2ad66
#e5b677
#e7bd87
#e8c496
#e9cba2
#ebd0ad
#ecd4b5

CSS

background: linear-gradient(45deg in oklch, oklch(27.98% 0.1121 7.83) 0.0%, oklch(28.48% 0.1140 17.18) 3.2%, oklch(29.00% 0.1161 30.05) 6.5%, oklch(29.59% 0.0832 45.99) 9.7%, oklch(30.27% 0.0686 63.80) 12.9%, oklch(31.06% 0.0639 82.48) 16.1%, oklch(31.99% 0.0667 101.01) 19.4%, oklch(33.07% 0.0772 118.35) 22.6%, oklch(34.34% 0.0932 133.43) 25.8%, oklch(35.83% 0.0906 145.36) 29.0%, oklch(37.56% 0.0895 153.13) 32.3%, oklch(39.58% 0.0906 156.00) 35.5%, oklch(42.01% 0.0942 154.62) 38.7%, oklch(44.76% 0.0998 149.80) 41.9%, oklch(47.75% 0.1067 142.32) 45.2%, oklch(50.92% 0.1144 132.96) 48.4%, oklch(54.16% 0.1221 122.48) 51.6%, oklch(57.42% 0.1268 111.67) 54.8%, oklch(60.60% 0.1266 101.29) 58.1%, oklch(63.63% 0.1302 92.14) 61.3%, oklch(66.42% 0.1361 84.98) 64.5%, oklch(68.92% 0.1397 80.47) 67.7%, oklch(71.33% 0.1351 77.49) 71.0%, oklch(73.71% 0.1278 75.46) 74.2%, oklch(76.02% 0.1185 74.21) 77.4%, oklch(78.25% 0.1078 73.60) 80.6%, oklch(80.36% 0.0963 73.45) 83.9%, oklch(82.33% 0.0847 73.63) 87.1%, oklch(84.12% 0.0736 73.96) 90.3%, oklch(85.72% 0.0636 74.29) 93.5%, oklch(87.08% 0.0554 74.46) 96.8%, oklch(88.19% 0.0496 74.31) 100.0%);

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

Đỏ đô và vàng kim

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