Đen sang nâu vàng (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #180f0a, #412615, #794723, #a46b34, #c98f45. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#180f0a
#1b100b
#1e130c
#23150d
#28180f
#2d1b10
#341e12
#3a2213
#412615
#482a17
#4f2e19
#57321a
#5e361c
#653a1e
#6c3f20
#734321
#794723
#7f4c25
#855027
#8b552a
#925b2c
#98602e
#9e6631
#a46b34
#aa7136
#b07639
#b57b3b
#ba803e
#be8540
#c28942
#c68c43
#c98f45

CSS

background: linear-gradient(45deg in oklch, oklch(17.72% 0.0179 49.92) 0.0%, oklch(18.68% 0.0203 50.05) 3.2%, oklch(19.84% 0.0233 50.17) 6.5%, oklch(21.18% 0.0269 50.28) 9.7%, oklch(22.68% 0.0308 50.40) 12.9%, oklch(24.31% 0.0352 50.53) 16.1%, oklch(26.06% 0.0398 50.67) 19.4%, oklch(27.90% 0.0446 50.83) 22.6%, oklch(29.81% 0.0496 51.03) 25.8%, oklch(31.77% 0.0545 51.26) 29.0%, oklch(33.75% 0.0595 51.54) 32.3%, oklch(35.73% 0.0644 51.87) 35.5%, oklch(37.70% 0.0690 52.25) 38.7%, oklch(39.62% 0.0734 52.70) 41.9%, oklch(41.48% 0.0774 53.22) 45.2%, oklch(43.25% 0.0811 53.82) 48.4%, oklch(44.94% 0.0842 54.51) 51.6%, oklch(46.69% 0.0872 55.36) 54.8%, oklch(48.50% 0.0900 56.34) 58.1%, oklch(50.36% 0.0927 57.44) 61.3%, oklch(52.25% 0.0952 58.64) 64.5%, oklch(54.15% 0.0977 59.90) 67.7%, oklch(56.03% 0.0999 61.21) 71.0%, oklch(57.89% 0.1021 62.53) 74.2%, oklch(59.69% 0.1041 63.86) 77.4%, oklch(61.42% 0.1059 65.16) 80.6%, oklch(63.07% 0.1077 66.41) 83.9%, oklch(64.61% 0.1093 67.58) 87.1%, oklch(66.02% 0.1107 68.66) 90.3%, oklch(67.28% 0.1121 69.61) 93.5%, oklch(68.38% 0.1133 70.42) 96.8%, oklch(69.29% 0.1144 71.06) 100.0%);

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

Gradient 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