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 180°: #36084b, #5d006c, #8a0691, #ac34b3, #c96dd7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#36084b
#38084e
#3c0851
#400755
#45065a
#4b045e
#510363
#570168
#5d006c
#630071
#690075
#6e0079
#74007e
#7a0082
#7f0187
#84038c
#8a0691
#8f0c95
#94119a
#99179f
#9e1ea4
#a324a9
#a82cae
#ac34b3
#b13db9
#b546be
#ba4ec3
#bd56c8
#c15dcd
#c464d1
#c769d5
#c96dd7

CSS

background: linear-gradient(180deg in oklch, oklch(25.98% 0.1157 311.48) 0.0%, oklch(26.65% 0.1196 312.19) 3.2%, oklch(27.50% 0.1247 313.13) 6.5%, oklch(28.49% 0.1307 314.26) 9.7%, oklch(29.61% 0.1375 315.53) 12.9%, oklch(30.82% 0.1447 316.87) 16.1%, oklch(32.10% 0.1522 318.24) 19.4%, oklch(33.42% 0.1596 319.57) 22.6%, oklch(34.78% 0.1662 320.81) 25.8%, oklch(36.11% 0.1715 321.93) 29.0%, oklch(37.39% 0.1768 322.85) 32.3%, oklch(38.64% 0.1820 323.56) 35.5%, oklch(39.89% 0.1873 324.17) 38.7%, oklch(41.17% 0.1928 324.70) 41.9%, oklch(42.44% 0.1979 325.16) 45.2%, oklch(43.75% 0.2021 325.53) 48.4%, oklch(45.08% 0.2060 325.82) 51.6%, oklch(46.43% 0.2093 326.04) 54.8%, oklch(47.80% 0.2119 326.20) 58.1%, oklch(49.20% 0.2138 326.28) 61.3%, oklch(50.62% 0.2148 326.30) 64.5%, oklch(52.07% 0.2148 326.25) 67.7%, oklch(53.66% 0.2134 326.06) 71.0%, oklch(55.38% 0.2107 325.74) 74.2%, oklch(57.18% 0.2070 325.31) 77.4%, oklch(59.00% 0.2025 324.81) 80.6%, oklch(60.80% 0.1977 324.27) 83.9%, oklch(62.53% 0.1927 323.72) 87.1%, oklch(64.14% 0.1880 323.19) 90.3%, oklch(65.57% 0.1837 322.72) 93.5%, oklch(66.78% 0.1802 322.33) 96.8%, oklch(67.72% 0.1778 322.05) 100.0%);

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

Gradient tím rực

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