Tím đậm, hồng và cam (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #1d0924, #5b1160, #ba147d, #ff514c, #f4b32d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d0924
#210a29
#270c2f
#2d0d36
#350e3e
#3d0f46
#47104f
#501058
#5b1160
#661168
#70126e
#7b1273
#871377
#93137a
#a0137c
#ad137e
#ba147d
#c7167b
#d41a78
#e01f72
#eb276b
#f53162
#fc3e56
#ff514c
#ff6443
#ff7439
#ff822e
#ff8e1e
#ff9800
#fba30e
#f7ac21
#f4b32d

CSS

background: linear-gradient(135deg in oklch, oklch(18.90% 0.0579 316.41) 0.0%, oklch(20.08% 0.0642 317.08) 3.2%, oklch(21.59% 0.0726 317.79) 6.5%, oklch(23.36% 0.0826 318.57) 9.7%, oklch(25.35% 0.0938 319.46) 12.9%, oklch(27.51% 0.1057 320.51) 16.1%, oklch(29.78% 0.1180 321.74) 19.4%, oklch(32.12% 0.1303 323.19) 22.6%, oklch(34.48% 0.1420 324.91) 25.8%, oklch(36.80% 0.1529 326.93) 29.0%, oklch(39.04% 0.1625 329.28) 32.3%, oklch(41.21% 0.1709 331.97) 35.5%, oklch(43.44% 0.1794 334.93) 38.7%, oklch(45.73% 0.1879 338.15) 41.9%, oklch(48.06% 0.1961 341.62) 45.2%, oklch(50.40% 0.2039 345.35) 48.4%, oklch(52.74% 0.2110 349.34) 51.6%, oklch(55.06% 0.2171 353.59) 54.8%, oklch(57.33% 0.2220 358.09) 58.1%, oklch(59.53% 0.2254 2.85) 61.3%, oklch(61.64% 0.2272 7.87) 64.5%, oklch(63.66% 0.2270 13.19) 67.7%, oklch(65.68% 0.2241 19.37) 71.0%, oklch(67.71% 0.2108 26.36) 74.2%, oklch(69.74% 0.1952 33.90) 77.4%, oklch(71.71% 0.1840 41.73) 80.6%, oklch(73.61% 0.1771 49.58) 83.9%, oklch(75.39% 0.1741 57.19) 87.1%, oklch(77.03% 0.1738 64.29) 90.3%, oklch(78.48% 0.1671 70.66) 93.5%, oklch(79.72% 0.1604 75.99) 96.8%, oklch(80.71% 0.1557 80.05) 100.0%);

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

Gradient cyberpunk

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