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

Gradient tuyến tính, 40 màu, góc 90°: #ea2f36, #ffb018, #3ebb48, #00a0c8, #934ce4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ea2f36
#ed3830
#f04327
#f3501b
#f65d05
#f76c00
#f77a00
#f78600
#fa9300
#fea100
#ffb018
#febd25
#fac834
#f1ce3b
#e3d038
#d0cd2d
#b9c81f
#9ec216
#82bd1d
#62ba30
#3ebb48
#00be63
#00c080
#00c397
#00c6aa
#00c6b9
#00c3c4
#00bbc9
#00aeca
#00a0c8
#0091c6
#0083c7
#0075d0
#0065ed
#3959f4
#5653f3
#6b4ff0
#7d4eed
#8a4de8
#934ce4

CSS

background: linear-gradient(90deg in oklch, oklch(61.02% 0.2205 25.31) 0.0%, oklch(62.08% 0.2175 28.13) 2.6%, oklch(63.51% 0.2134 31.89) 5.1%, oklch(65.22% 0.2085 36.38) 7.7%, oklch(67.10% 0.2032 41.40) 10.3%, oklch(69.09% 0.1920 46.73) 12.8%, oklch(71.08% 0.1823 52.18) 15.4%, oklch(73.10% 0.1757 57.61) 17.9%, oklch(75.64% 0.1721 63.33) 20.5%, oklch(78.49% 0.1708 69.32) 23.1%, oklch(81.28% 0.1670 75.57) 25.6%, oklch(83.67% 0.1647 81.97) 28.2%, oklch(85.31% 0.1612 88.48) 30.8%, oklch(85.83% 0.1598 95.06) 33.3%, oklch(84.83% 0.1618 101.66) 35.9%, oklch(82.51% 0.1667 108.34) 38.5%, oklch(79.41% 0.1733 115.13) 41.0%, oklch(76.05% 0.1802 122.09) 43.6%, oklch(72.97% 0.1861 129.25) 46.2%, oklch(70.73% 0.1896 136.68) 48.7%, oklch(69.80% 0.1895 144.40) 51.3%, oklch(70.11% 0.1828 152.42) 53.8%, oklch(71.20% 0.1593 160.69) 56.4%, oklch(72.60% 0.1450 169.18) 59.0%, oklch(73.84% 0.1361 177.84) 61.5%, oklch(74.47% 0.1303 186.61) 64.1%, oklch(74.02% 0.1262 195.45) 66.7%, oklch(72.15% 0.1231 204.58) 69.2%, oklch(69.18% 0.1217 214.08) 71.8%, oklch(65.58% 0.1229 223.75) 74.4%, oklch(61.85% 0.1284 233.37) 76.9%, oklch(58.47% 0.1406 242.70) 79.5%, oklch(55.93% 0.1651 251.54) 82.1%, oklch(54.63% 0.2205 259.80) 84.6%, oklch(54.33% 0.2332 268.11) 87.2%, oklch(54.73% 0.2318 276.31) 89.7%, oklch(55.54% 0.2289 284.04) 92.3%, oklch(56.52% 0.2253 290.98) 94.9%, oklch(57.38% 0.2222 296.78) 97.4%, oklch(57.87% 0.2205 301.12) 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