Nâu, xanh xám và xám (gradient hình nón)

Nâu, xanh xám và xám: bảng màu gồm 21 màu. #b28a58, #ab9c7b, #96a594, #849ea0, #6f949e, #5e7e8b, #51696b, #535951. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

21 màu, 6 keyframe OKLCH chỉnh sửa được.

#b28a58
#b18f61
#af956e
#ab9c7b
#a7a084
#9fa48c
#96a594
#90a49c
#8ba29f
#849ea0
#7a9aa0
#6f949e
#678e9b
#628694
#5e7e8b
#597681
#556f77
#51696b
#51635f
#525e55
#535951

CSS

background: conic-gradient(from 225deg in oklch, oklch(66.14% 0.0827 71.72) 0.0%, oklch(67.05% 0.0743 74.74) 5.0%, oklch(68.38% 0.0622 78.72) 10.0%, oklch(69.68% 0.0496 85.54) 15.0%, oklch(70.47% 0.0400 97.08) 20.0%, oklch(70.70% 0.0337 116.56) 25.0%, oklch(70.60% 0.0291 142.06) 30.0%, oklch(70.13% 0.0265 167.79) 35.0%, oklch(69.29% 0.0262 187.96) 40.0%, oklch(68.00% 0.0297 201.08) 45.0%, oklch(66.29% 0.0365 210.22) 50.0%, oklch(64.31% 0.0433 216.42) 55.0%, oklch(62.20% 0.0469 220.72) 60.0%, oklch(59.86% 0.0459 224.24) 65.0%, oklch(57.26% 0.0423 226.14) 70.0%, oklch(54.67% 0.0375 224.53) 75.0%, oklch(52.36% 0.0331 217.55) 80.0%, oklch(50.31% 0.0287 201.23) 85.0%, oklch(48.40% 0.0239 177.72) 90.0%, oklch(46.80% 0.0196 154.32) 95.0%, oklch(45.67% 0.0165 138.29) 100.0%);

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

Gradient tông trầm

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