Đen, nâu và cam (tương đồng) (gradient hình nón)

Gradient hình nón, 28 màu, góc 90°: #000000, #17190f, #7b552e, #c9863d, #f79d44. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000000
#000000
#000000
#010101
#020404
#050a07
#0c110b
#17190f
#232113
#2f2817
#3d2f1c
#4b3821
#5b4126
#6b4b2a
#7b552e
#8a6031
#996933
#a77235
#b37a38
#bf803b
#c9863d
#d38a3f
#db8f40
#e29241
#e89642
#ee9843
#f39b43
#f79d44

CSS

background: conic-gradient(from 90deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(1.84% 0.0018 248.91) 3.7%, oklch(4.20% 0.0038 231.37) 7.4%, oklch(7.00% 0.0061 210.29) 11.1%, oklch(10.14% 0.0087 187.05) 14.8%, oklch(13.54% 0.0119 163.00) 18.5%, oklch(17.10% 0.0155 139.53) 22.2%, oklch(20.75% 0.0198 117.98) 25.9%, oklch(24.40% 0.0247 99.73) 29.6%, oklch(27.95% 0.0303 86.14) 33.3%, oklch(31.62% 0.0371 77.09) 37.0%, oklch(35.59% 0.0453 71.14) 40.7%, oklch(39.75% 0.0544 67.71) 44.4%, oklch(43.99% 0.0641 66.21) 48.1%, oklch(48.21% 0.0740 66.05) 51.9%, oklch(52.29% 0.0839 66.65) 55.6%, oklch(56.12% 0.0932 67.42) 59.3%, oklch(59.59% 0.1016 67.77) 63.0%, oklch(62.60% 0.1089 67.12) 66.7%, oklch(65.18% 0.1151 65.90) 70.4%, oklch(67.46% 0.1209 64.92) 74.1%, oklch(69.48% 0.1261 64.15) 77.8%, oklch(71.25% 0.1309 63.54) 81.5%, oklch(72.79% 0.1351 63.07) 85.2%, oklch(74.13% 0.1389 62.70) 88.9%, oklch(75.29% 0.1422 62.39) 92.6%, oklch(76.30% 0.1451 62.12) 96.3%, oklch(77.17% 0.1474 61.84) 100.0%);

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

Gradient mùa thu hoạch Gradient u buồn Gradient vintage

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