Đen và nâu (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 64 màu: #020202, #312711, #e3c980, #9a7a3f, #090806. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#020202
#020202
#030303
#030303
#040403
#040403
#050504
#060604
#080705
#0a0906
#0d0b07
#110e08
#15120a
#1a160c
#211b0e
#28200f
#312711
#3b2e12
#463513
#513d13
#5d4614
#6a4f16
#765718
#82601b
#8d6920
#987226
#a27c2e
#ad8739
#b89346
#c3a154
#ceae62
#d9bc71
#e3c980
#ecd58e
#f4df9a
#fae8a4
#feeeab
#fff0b3
#fff0b0
#fbebac
#f4e3a4
#ebd899
#e0cb8c
#d3bb7e
#c5ab6e
#b79b5e
#a88a4e
#9a7a3f
#8c6b32
#7f5e26
#73531c
#694a15
#5e4210
#543a0c
#49330a
#3f2c09
#362609
#2d2009
#251b09
#1d1609
#171208
#110e07
#0c0a07
#090806

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(9.07% 0.0006 89.86) 1.6%, oklch(9.45% 0.0011 89.70) 3.2%, oklch(9.85% 0.0016 89.51) 4.8%, oklch(10.28% 0.0020 89.30) 6.3%, oklch(10.77% 0.0026 89.07) 7.9%, oklch(11.35% 0.0034 88.82) 9.5%, oklch(12.04% 0.0043 88.56) 11.1%, oklch(12.87% 0.0056 88.28) 12.7%, oklch(13.88% 0.0074 87.98) 14.3%, oklch(15.08% 0.0095 87.67) 15.9%, oklch(16.49% 0.0122 87.36) 17.5%, oklch(18.16% 0.0156 87.03) 19.0%, oklch(20.11% 0.0197 86.68) 20.6%, oklch(22.39% 0.0250 86.23) 22.2%, oklch(24.98% 0.0315 85.66) 23.8%, oklch(27.82% 0.0389 85.02) 25.4%, oklch(30.88% 0.0470 84.34) 27.0%, oklch(34.12% 0.0554 83.66) 28.6%, oklch(37.47% 0.0639 83.00) 30.2%, oklch(40.90% 0.0723 82.40) 31.7%, oklch(44.37% 0.0802 81.90) 33.3%, oklch(47.83% 0.0875 81.52) 34.9%, oklch(51.22% 0.0939 81.30) 36.5%, oklch(54.52% 0.0991 81.28) 38.1%, oklch(57.66% 0.1028 81.48) 39.7%, oklch(60.84% 0.1050 81.99) 41.3%, oklch(64.42% 0.1058 82.90) 42.9%, oklch(68.29% 0.1055 84.13) 44.4%, oklch(72.34% 0.1043 85.61) 46.0%, oklch(76.42% 0.1024 87.24) 47.6%, oklch(80.41% 0.0998 88.94) 49.2%, oklch(84.19% 0.0970 90.65) 50.8%, oklch(87.62% 0.0939 92.27) 52.4%, oklch(90.58% 0.0909 93.73) 54.0%, oklch(92.94% 0.0880 94.94) 55.6%, oklch(94.57% 0.0855 95.83) 57.1%, oklch(95.35% 0.0795 96.31) 58.7%, oklch(95.15% 0.0825 96.30) 60.3%, oklch(93.83% 0.0821 95.73) 61.9%, oklch(91.49% 0.0822 94.68) 63.5%, oklch(88.29% 0.0828 93.24) 65.1%, oklch(84.38% 0.0835 91.49) 66.7%, oklch(79.93% 0.0845 89.52) 68.3%, oklch(75.08% 0.0854 87.44) 69.8%, oklch(70.00% 0.0861 85.32) 71.4%, oklch(64.85% 0.0865 83.27) 73.0%, oklch(59.78% 0.0865 81.37) 74.6%, oklch(54.95% 0.0859 79.72) 76.2%, oklch(50.51% 0.0846 78.41) 77.8%, oklch(46.64% 0.0824 77.53) 79.4%, oklch(43.33% 0.0792 77.14) 81.0%, oklch(40.13% 0.0747 77.12) 82.5%, oklch(36.98% 0.0692 77.42) 84.1%, oklch(33.91% 0.0629 77.98) 85.7%, oklch(30.95% 0.0559 78.74) 87.3%, oklch(28.11% 0.0486 79.66) 88.9%, oklch(25.41% 0.0411 80.67) 90.5%, oklch(22.88% 0.0336 81.72) 92.1%, oklch(20.53% 0.0265 82.77) 93.7%, oklch(18.38% 0.0199 83.75) 95.2%, oklch(16.46% 0.0141 84.61) 96.8%, oklch(14.79% 0.0092 85.31) 98.4%, oklch(13.39% 0.0055 85.77) 100.0%);

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

Gradient đen 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