Cầu vồng từ tím sang hồng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #7139c6, #0a72cb, #00b59f, #d89c00, #d83c56. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7139c6
#6b3cc8
#6340c9
#5944ca
#4e49ca
#4150cb
#3259cb
#2065cb
#0a72cb
#0081ca
#038fca
#179bc8
#20a5c5
#16acc1
#00b1b9
#00b4ad
#00b59f
#00b78c
#00b970
#4eb750
#7db327
#a4ac00
#c0a400
#d89c00
#ea9106
#f2872e
#f37b3e
#f06e47
#ea5f4c
#e45150
#dd4553
#d83c56

CSS

background: linear-gradient(135deg in oklch, oklch(49.61% 0.2053 296.02) 0.0%, oklch(49.56% 0.2032 292.89) 3.2%, oklch(49.34% 0.2006 288.73) 6.5%, oklch(49.15% 0.1974 283.74) 9.7%, oklch(49.16% 0.1934 278.10) 12.9%, oklch(49.55% 0.1883 271.99) 16.1%, oklch(50.51% 0.1819 265.61) 19.4%, oklch(52.31% 0.1731 259.00) 22.6%, oklch(55.01% 0.1607 251.97) 25.8%, oklch(58.22% 0.1451 244.53) 29.0%, oklch(61.56% 0.1330 236.60) 32.3%, oklch(64.62% 0.1218 228.23) 35.5%, oklch(67.03% 0.1153 219.38) 38.7%, oklch(68.47% 0.1153 210.08) 41.9%, oklch(69.17% 0.1176 200.43) 45.2%, oklch(69.36% 0.1196 190.35) 48.4%, oklch(69.28% 0.1259 179.75) 51.6%, oklch(69.13% 0.1391 168.55) 54.8%, oklch(69.13% 0.1657 156.64) 58.1%, oklch(69.50% 0.1720 143.81) 61.3%, oklch(70.29% 0.1724 129.08) 64.5%, oklch(71.30% 0.1591 113.05) 67.7%, oklch(72.27% 0.1489 96.68) 71.0%, oklch(72.99% 0.1508 80.92) 74.2%, oklch(73.19% 0.1610 66.75) 77.4%, oklch(72.65% 0.1616 55.07) 80.6%, oklch(71.11% 0.1650 45.40) 83.9%, oklch(68.79% 0.1703 37.15) 87.1%, oklch(66.09% 0.1764 30.20) 90.3%, oklch(63.37% 0.1826 24.43) 93.5%, oklch(61.03% 0.1879 19.73) 96.8%, oklch(59.45% 0.1915 15.98) 100.0%);

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

Gradient cầu vồng

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