Đen, tím và nâu (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 34 màu, góc 0°: #000000, #391927, #7f4159, #a17075, #a9a179. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000000
#000001
#010103
#050309
#0e0711
#1a0c18
#25101e
#301522
#391927
#421c2c
#4b2032
#542438
#5c283e
#632c44
#6b3149
#72364e
#793b54
#7f4159
#85465d
#8b4c61
#905265
#945868
#985e6c
#9b6470
#9e6a73
#a17075
#a47676
#a77c77
#ab8275
#ad8974
#ae9073
#ad9674
#ab9c76
#a9a179

CSS

background: linear-gradient(0deg in oklch, oklch(3.15% 0.0000 89.88) 0.0%, oklch(5.10% 0.0045 271.92) 3.0%, oklch(7.80% 0.0106 284.83) 6.1%, oklch(11.01% 0.0179 300.03) 9.1%, oklch(14.47% 0.0258 315.81) 12.1%, oklch(17.93% 0.0338 330.50) 15.2%, oklch(21.13% 0.0414 342.40) 18.2%, oklch(23.89% 0.0481 350.02) 21.2%, oklch(26.42% 0.0550 354.19) 24.2%, oklch(28.84% 0.0620 355.97) 27.3%, oklch(31.16% 0.0689 356.13) 30.3%, oklch(33.41% 0.0752 355.45) 33.3%, oklch(35.60% 0.0806 354.73) 36.4%, oklch(37.76% 0.0848 354.75) 39.4%, oklch(39.89% 0.0876 355.54) 42.4%, oklch(41.97% 0.0894 356.07) 45.5%, oklch(43.99% 0.0904 356.48) 48.5%, oklch(45.96% 0.0905 356.94) 51.5%, oklch(47.87% 0.0898 357.66) 54.5%, oklch(49.73% 0.0884 358.82) 57.6%, oklch(51.54% 0.0863 0.58) 60.6%, oklch(53.28% 0.0828 2.32) 63.6%, oklch(54.97% 0.0780 4.03) 66.7%, oklch(56.61% 0.0724 6.09) 69.7%, oklch(58.19% 0.0667 8.93) 72.7%, oklch(59.73% 0.0616 12.94) 75.8%, oklch(61.22% 0.0576 18.55) 78.8%, oklch(62.70% 0.0553 26.46) 81.8%, oklch(64.24% 0.0541 37.64) 84.8%, oklch(65.77% 0.0538 50.90) 87.9%, oklch(67.23% 0.0540 64.87) 90.9%, oklch(68.55% 0.0545 78.20) 93.9%, oklch(69.65% 0.0550 89.50) 97.0%, oklch(70.47% 0.0551 97.41) 100.0%);

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

Gradient trung tính dịu Gradient nhiều màu tông tối Bảng màu tối giản 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