Cầu vồng từ đen sang nâu vàng tông tối (gradient tuyến tính)

Bảng màu Cầu vồng từ đen sang nâu vàng tông tối

Gradient tuyến tính, 32 màu, góc 45°: #120e18, #46193a, #0c3c4b, #605b26, #d2a955. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#120e18
#17101d
#201122
#2b1327
#381428
#421529
#49162b
#4a1731
#46193a
#3e1c43
#322049
#26244a
#1b284a
#132d4a
#0e324a
#0b374a
#0c3c4b
#0e414c
#12474c
#184d49
#235343
#355739
#4a592e
#605b26
#735d26
#84612c
#946a34
#a4763c
#b38443
#c0934a
#caa050
#d2a955

CSS

background: linear-gradient(45deg in oklch, oklch(17.32% 0.0207 302.34) 0.0%, oklch(18.69% 0.0280 309.75) 3.2%, oklch(20.69% 0.0389 321.37) 6.5%, oklch(23.01% 0.0516 334.59) 9.7%, oklch(25.36% 0.0642 346.80) 12.9%, oklch(27.44% 0.0749 355.41) 16.1%, oklch(28.93% 0.0819 357.79) 19.4%, oklch(29.61% 0.0841 351.97) 22.6%, oklch(29.63% 0.0827 339.25) 25.8%, oklch(29.26% 0.0789 321.95) 29.0%, oklch(28.77% 0.0738 302.39) 32.3%, oklch(28.43% 0.0686 282.88) 35.5%, oklch(28.52% 0.0645 265.75) 38.7%, oklch(29.23% 0.0620 252.70) 41.9%, oklch(30.30% 0.0596 242.19) 45.2%, oklch(31.65% 0.0573 233.00) 48.4%, oklch(33.21% 0.0555 224.07) 51.6%, oklch(34.92% 0.0544 214.36) 54.8%, oklch(36.71% 0.0545 202.81) 58.1%, oklch(38.52% 0.0559 188.21) 61.3%, oklch(40.31% 0.0589 169.13) 64.5%, oklch(42.16% 0.0631 147.24) 67.7%, oklch(44.15% 0.0680 124.73) 71.0%, oklch(46.36% 0.0734 103.82) 74.2%, oklch(48.88% 0.0787 86.72) 77.4%, oklch(51.81% 0.0836 75.60) 80.6%, oklch(55.58% 0.0888 70.80) 83.9%, oklch(60.02% 0.0945 70.63) 87.1%, oklch(64.69% 0.1001 73.47) 90.3%, oklch(69.13% 0.1054 77.66) 93.5%, oklch(72.92% 0.1098 81.58) 96.8%, oklch(75.59% 0.1130 83.60) 100.0%);

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

Gradient nhiều màu tông tối

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