Đen, tím, hồng cánh sen và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #070507, #530842, #b6106b, #ef4d42, #ffa65c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#070507
#0c050b
#130711
#1b0819
#260921
#31092a
#3c0933
#48083b
#530842
#5f0749
#6b0651
#780658
#85055e
#910664
#9e0768
#aa0a6a
#b6106b
#c11668
#cb1d64
#d4265e
#dc2f57
#e33850
#e94249
#ef4d42
#f4573c
#f96338
#fd7035
#ff7e3a
#ff8b44
#ff964d
#ff9f55
#ffa65c

CSS

background: linear-gradient(45deg in oklch, oklch(11.81% 0.0096 329.77) 0.0%, oklch(13.25% 0.0187 330.49) 3.2%, oklch(15.15% 0.0310 331.41) 6.5%, oklch(17.41% 0.0457 332.51) 9.7%, oklch(19.94% 0.0618 333.76) 12.9%, oklch(22.61% 0.0785 335.13) 16.1%, oklch(25.34% 0.0949 336.58) 19.4%, oklch(28.01% 0.1099 338.11) 22.6%, oklch(30.54% 0.1230 339.66) 25.8%, oklch(33.10% 0.1354 341.14) 29.0%, oklch(35.76% 0.1477 342.58) 32.3%, oklch(38.46% 0.1596 344.08) 35.5%, oklch(41.17% 0.1708 345.73) 38.7%, oklch(43.83% 0.1810 347.63) 41.9%, oklch(46.41% 0.1898 349.86) 45.2%, oklch(48.85% 0.1970 352.54) 48.4%, oklch(51.11% 0.2021 355.76) 51.6%, oklch(53.22% 0.2054 359.64) 54.8%, oklch(55.20% 0.2071 4.02) 58.1%, oklch(57.10% 0.2075 8.75) 61.3%, oklch(58.95% 0.2067 13.67) 64.5%, oklch(60.77% 0.2051 18.61) 67.7%, oklch(62.60% 0.2029 23.40) 71.0%, oklch(64.48% 0.2004 27.89) 74.2%, oklch(66.47% 0.1973 32.14) 77.4%, oklch(68.63% 0.1927 36.57) 80.6%, oklch(70.88% 0.1870 41.04) 83.9%, oklch(73.10% 0.1762 45.39) 87.1%, oklch(75.22% 0.1636 49.48) 90.3%, oklch(77.12% 0.1530 53.13) 93.5%, oklch(78.72% 0.1446 56.20) 96.8%, oklch(79.92% 0.1386 58.54) 100.0%);

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

Gradient Black Friday

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