Tím (đơn sắc) tông rực rỡ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #580893, #8d1abe, #b34fc9, #b26bb7, #8e678c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#580893
#5c0a97
#610b9b
#670da1
#6e0ea7
#7510ad
#7d13b3
#8516b9
#8d1abe
#941ec2
#9b24c5
#a02ac7
#a431c8
#a939c9
#ad41ca
#b048ca
#b34fc9
#b656c8
#b75cc7
#b861c5
#b865c3
#b868c0
#b66abc
#b26bb7
#ae6bb1
#a96baa
#a46ba4
#9f6a9e
#996998
#956893
#91688f
#8e678c

CSS

background: linear-gradient(45deg in oklch, oklch(37.80% 0.1929 302.34) 0.0%, oklch(38.70% 0.1958 303.09) 3.2%, oklch(39.87% 0.2001 304.06) 6.5%, oklch(41.27% 0.2055 305.22) 9.7%, oklch(42.84% 0.2114 306.52) 12.9%, oklch(44.52% 0.2175 307.92) 16.1%, oklch(46.26% 0.2233 309.36) 19.4%, oklch(48.01% 0.2283 310.80) 22.6%, oklch(49.70% 0.2322 312.20) 25.8%, oklch(51.29% 0.2345 313.50) 29.0%, oklch(52.72% 0.2347 314.67) 32.3%, oklch(54.00% 0.2326 315.70) 35.5%, oklch(55.33% 0.2284 316.66) 38.7%, oklch(56.67% 0.2226 317.59) 41.9%, oklch(57.99% 0.2155 318.47) 45.2%, oklch(59.26% 0.2072 319.31) 48.4%, oklch(60.45% 0.1983 320.11) 51.6%, oklch(61.51% 0.1889 320.88) 54.8%, oklch(62.41% 0.1793 321.63) 58.1%, oklch(63.12% 0.1700 322.34) 61.3%, oklch(63.60% 0.1612 323.03) 64.5%, oklch(63.81% 0.1530 323.70) 67.7%, oklch(63.68% 0.1445 324.35) 71.0%, oklch(63.24% 0.1354 324.99) 74.2%, oklch(62.56% 0.1260 325.60) 77.4%, oklch(61.70% 0.1166 326.19) 80.6%, oklch(60.74% 0.1072 326.74) 83.9%, oklch(59.73% 0.0983 327.25) 87.1%, oklch(58.76% 0.0901 327.71) 90.3%, oklch(57.89% 0.0827 328.12) 93.5%, oklch(57.17% 0.0765 328.47) 96.8%, oklch(56.69% 0.0717 328.76) 100.0%);

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

Gradient 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