Tím đậm, xám và xám đậm (gradient hình nón)

Gradient hình nón, 32 màu, góc 315°: #2a2a2a, #a57259, #eae3d9, #bebdb2, #414040. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2a2a2a
#312e32
#3f323c
#513643
#663c45
#7a4442
#8a5042
#985f49
#a57259
#b1876f
#bd9b88
#c8af9f
#d1bfb3
#d8cbc1
#e0d5cb
#e6ddd4
#eae3d9
#ece7dc
#ece7dc
#e8e5da
#e1ded4
#d7d5cb
#cccabf
#bebdb2
#b1afa5
#a3a197
#939088
#817d77
#6d6a66
#5b5856
#4c4a49
#414040

CSS

background: conic-gradient(from 315deg in oklch, oklch(28.35% 0.0000 89.88) 0.0%, oklch(30.54% 0.0102 318.57) 3.2%, oklch(33.45% 0.0256 332.82) 6.5%, oklch(36.95% 0.0433 349.48) 9.7%, oklch(40.89% 0.0605 6.61) 12.9%, oklch(45.12% 0.0744 22.27) 16.1%, oklch(49.51% 0.0821 34.51) 19.4%, oklch(54.26% 0.0816 42.28) 22.6%, oklch(59.80% 0.0743 47.04) 25.8%, oklch(65.73% 0.0627 49.80) 29.0%, oklch(71.62% 0.0492 51.55) 32.3%, oklch(77.05% 0.0362 53.27) 35.5%, oklch(81.60% 0.0261 55.96) 38.7%, oklch(85.03% 0.0206 60.34) 41.9%, oklch(87.91% 0.0175 65.80) 45.2%, oklch(90.22% 0.0160 71.78) 48.4%, oklch(91.89% 0.0155 77.81) 51.6%, oklch(92.81% 0.0155 83.41) 54.8%, oklch(92.90% 0.0155 88.10) 58.1%, oklch(92.06% 0.0149 91.54) 61.3%, oklch(90.12% 0.0146 94.64) 64.5%, oklch(87.26% 0.0146 97.32) 67.7%, oklch(83.68% 0.0148 99.18) 71.0%, oklch(79.60% 0.0148 99.82) 74.2%, oklch(75.22% 0.0144 98.83) 77.4%, oklch(70.73% 0.0135 95.80) 80.6%, oklch(65.35% 0.0119 89.47) 83.9%, oklch(59.10% 0.0097 80.43) 87.1%, oklch(52.58% 0.0072 70.07) 90.3%, oklch(46.39% 0.0048 59.76) 93.5%, oklch(41.13% 0.0028 50.88) 96.8%, oklch(37.40% 0.0014 44.84) 100.0%);

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

Bảng màu tối giản

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