Đen, xám, be và tím đậm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #21161a, #8e7b72, #e6d6bc, #b28878, #51253d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#21161a
#281c20
#322427
#3d2f31
#4b3b3c
#5b4a48
#6b5956
#7d6a64
#8e7b72
#9f8c81
#af9d8f
#bead9c
#cbbba7
#d6c7b1
#ded0b8
#e4d5bc
#e6d6bc
#e5d3b8
#e1cdb1
#dbc3a7
#d3b69c
#c9a890
#be9884
#b28878
#a4776d
#966763
#885859
#7a4a52
#6d3e4b
#623345
#582b41
#51253d

CSS

background: linear-gradient(45deg in oklch, oklch(21.65% 0.0193 355.08) 0.0%, oklch(24.30% 0.0200 358.57) 3.2%, oklch(27.86% 0.0207 3.33) 6.5%, oklch(32.18% 0.0216 9.13) 9.7%, oklch(37.09% 0.0225 15.75) 12.9%, oklch(42.47% 0.0236 22.99) 16.1%, oklch(48.14% 0.0247 30.62) 19.4%, oklch(53.96% 0.0258 38.43) 22.6%, oklch(59.79% 0.0271 46.21) 25.8%, oklch(65.46% 0.0284 53.74) 29.0%, oklch(70.83% 0.0298 60.81) 32.3%, oklch(75.75% 0.0313 67.19) 35.5%, oklch(80.06% 0.0328 72.68) 38.7%, oklch(83.61% 0.0344 77.06) 41.9%, oklch(86.26% 0.0360 80.11) 45.2%, oklch(87.84% 0.0377 81.62) 48.4%, oklch(88.23% 0.0395 81.38) 51.6%, oklch(87.45% 0.0415 79.37) 54.8%, oklch(85.64% 0.0437 75.79) 58.1%, oklch(82.96% 0.0460 70.87) 61.3%, oklch(79.53% 0.0485 64.82) 64.5%, oklch(75.50% 0.0511 57.88) 67.7%, oklch(71.02% 0.0537 50.26) 71.0%, oklch(66.22% 0.0564 42.19) 74.2%, oklch(61.24% 0.0590 33.87) 77.4%, oklch(56.24% 0.0615 25.55) 80.6%, oklch(51.34% 0.0639 17.43) 83.9%, oklch(46.70% 0.0662 9.74) 87.1%, oklch(42.44% 0.0683 2.69) 90.3%, oklch(38.73% 0.0702 356.52) 93.5%, oklch(35.69% 0.0718 351.45) 96.8%, oklch(33.46% 0.0730 347.68) 100.0%);

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

Poetcore

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