Tím, hồng và cam tông rực rỡ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #5b31c3, #992abb, #d53fa0, #fa556f, #ff8a50. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5b31c3
#6030c3
#662fc3
#6e2ec3
#772cc3
#7f2bc1
#882ac0
#9129bd
#992abb
#a12bb9
#a92eb6
#b030b3
#b834b1
#c037ad
#c73aaa
#ce3da5
#d53fa0
#dc419b
#e24494
#e8468d
#ed4986
#f24c7e
#f65076
#fa556f
#fd5a68
#ff6262
#ff6b5d
#ff7359
#ff7b56
#ff8153
#ff8652
#ff8a50

CSS

background: linear-gradient(135deg in oklch, oklch(46.06% 0.2094 288.28) 0.0%, oklch(46.51% 0.2105 290.48) 3.2%, oklch(47.09% 0.2121 293.42) 6.5%, oklch(47.77% 0.2139 296.92) 9.7%, oklch(48.55% 0.2159 300.80) 12.9%, oklch(49.40% 0.2177 304.89) 16.1%, oklch(50.31% 0.2193 309.01) 19.4%, oklch(51.25% 0.2202 312.98) 22.6%, oklch(52.21% 0.2204 316.64) 25.8%, oklch(53.27% 0.2199 320.13) 29.0%, oklch(54.43% 0.2188 323.58) 32.3%, oklch(55.64% 0.2173 327.01) 35.5%, oklch(56.89% 0.2156 330.47) 38.7%, oklch(58.14% 0.2137 333.98) 41.9%, oklch(59.35% 0.2118 337.58) 45.2%, oklch(60.49% 0.2102 341.31) 48.4%, oklch(61.54% 0.2088 345.20) 51.6%, oklch(62.52% 0.2076 349.29) 54.8%, oklch(63.46% 0.2066 353.52) 58.1%, oklch(64.36% 0.2055 357.85) 61.3%, oklch(65.24% 0.2045 2.21) 64.5%, oklch(66.11% 0.2033 6.55) 67.7%, oklch(66.99% 0.2019 10.83) 71.0%, oklch(67.88% 0.2003 14.98) 74.2%, oklch(68.83% 0.1982 19.11) 77.4%, oklch(69.85% 0.1922 23.47) 80.6%, oklch(70.91% 0.1834 27.93) 83.9%, oklch(71.97% 0.1759 32.30) 87.1%, oklch(72.97% 0.1698 36.42) 90.3%, oklch(73.87% 0.1650 40.13) 93.5%, oklch(74.63% 0.1616 43.24) 96.8%, oklch(75.20% 0.1593 45.58) 100.0%);

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

Gradient cam và tí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