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

Gradient tuyến tính, 64 màu, góc 135°: #e97800, #00b1c5, #e62c24, #e86d3c, #752b98. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e97800
#e17f00
#d98500
#d18b00
#c89200
#be9800
#b29e00
#a4a520
#93aa3c
#80af52
#6db367
#58b67a
#43b78c
#2eb79c
#16b6ab
#00b4b9
#00b1c5
#12add0
#2ba7db
#43a0e4
#5a97eb
#718dee
#8681ed
#9975e6
#ab69db
#bb5dca
#c851b6
#d3459f
#db3b87
#e1326e
#e42b56
#e6293e
#e62c24
#e43400
#dd4600
#d85100
#d75800
#d75e00
#d86200
#db6500
#de6800
#e26900
#e66a00
#e96b09
#ea6d1f
#ea6e2c
#e96e35
#e86d3c
#e76a42
#e46648
#e1614f
#dc5b57
#d7545e
#d04e66
#c8486e
#bf4276
#b53d7d
#ab3983
#a03589
#96328e
#8c2f92
#832d95
#7b2c97
#752b98

CSS

background: linear-gradient(135deg in oklch, oklch(68.90% 0.1709 54.84) 0.0%, oklch(68.95% 0.1614 60.16) 1.6%, oklch(69.03% 0.1531 66.50) 3.2%, oklch(69.16% 0.1467 73.76) 4.8%, oklch(69.30% 0.1428 81.84) 6.3%, oklch(69.46% 0.1420 90.65) 7.9%, oklch(69.62% 0.1448 100.09) 9.5%, oklch(69.78% 0.1434 110.08) 11.1%, oklch(69.92% 0.1385 120.50) 12.7%, oklch(70.05% 0.1338 131.27) 14.3%, oklch(70.15% 0.1295 142.30) 15.9%, oklch(70.20% 0.1257 153.49) 17.5%, oklch(70.22% 0.1226 164.74) 19.0%, oklch(70.17% 0.1204 175.98) 20.6%, oklch(70.06% 0.1192 187.09) 22.2%, oklch(69.88% 0.1189 197.99) 23.8%, oklch(69.61% 0.1199 208.62) 25.4%, oklch(69.21% 0.1232 219.74) 27.0%, oklch(68.69% 0.1277 231.57) 28.6%, oklch(68.05% 0.1334 243.96) 30.2%, oklch(67.33% 0.1403 256.77) 31.7%, oklch(66.55% 0.1480 269.83) 33.3%, oklch(65.72% 0.1563 283.02) 34.9%, oklch(64.88% 0.1649 296.17) 36.5%, oklch(64.03% 0.1737 309.14) 38.1%, oklch(63.20% 0.1825 321.77) 39.7%, oklch(62.42% 0.1908 333.93) 41.3%, oklch(61.70% 0.1987 345.46) 42.9%, oklch(61.07% 0.2057 356.22) 44.4%, oklch(60.54% 0.2116 6.05) 46.0%, oklch(60.15% 0.2163 14.81) 47.6%, oklch(59.90% 0.2195 22.34) 49.2%, oklch(59.84% 0.2210 28.58) 50.8%, oklch(60.00% 0.2167 33.84) 52.4%, oklch(60.37% 0.1965 38.28) 54.0%, oklch(60.92% 0.1841 41.92) 55.6%, oklch(61.59% 0.1767 44.81) 57.1%, oklch(62.36% 0.1725 47.01) 58.7%, oklch(63.19% 0.1707 48.55) 60.3%, oklch(64.05% 0.1706 49.49) 61.9%, oklch(64.90% 0.1719 49.87) 63.5%, oklch(65.69% 0.1743 49.74) 65.1%, oklch(66.40% 0.1777 49.15) 66.7%, oklch(67.00% 0.1797 48.16) 68.3%, oklch(67.43% 0.1752 46.80) 69.8%, oklch(67.67% 0.1712 45.11) 71.4%, oklch(67.69% 0.1680 43.15) 73.0%, oklch(67.43% 0.1658 40.98) 74.6%, oklch(66.88% 0.1644 38.34) 76.2%, oklch(66.02% 0.1636 34.67) 77.8%, oklch(64.90% 0.1633 30.08) 79.4%, oklch(63.56% 0.1634 24.71) 81.0%, oklch(62.04% 0.1638 18.70) 82.5%, oklch(60.38% 0.1645 12.21) 84.1%, oklch(58.62% 0.1655 5.38) 85.7%, oklch(56.80% 0.1666 358.36) 87.3%, oklch(54.96% 0.1678 351.28) 88.9%, oklch(53.14% 0.1691 344.31) 90.5%, oklch(51.38% 0.1704 337.58) 92.1%, oklch(49.72% 0.1717 331.23) 93.7%, oklch(48.20% 0.1728 325.43) 95.2%, oklch(46.86% 0.1738 320.31) 96.8%, oklch(45.74% 0.1745 316.01) 98.4%, oklch(44.88% 0.1750 312.69) 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