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

Gradient tuyến tính, 40 màu, góc 45°: #ec5f04, #3b52cb, #2475d2, #d4c92c, #50b521. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ec5f04
#eb5631
#e64b4f
#dd426c
#cd3e88
#b83ea1
#9f40b6
#8544c3
#6a49ca
#504ecc
#3b52cb
#2b55c8
#2656c7
#2956c5
#3157c5
#3a58c5
#415ac6
#455dc8
#4562cb
#3d6acf
#2475d2
#0084c8
#0094bb
#00a3b2
#00b2a6
#00c290
#61ca70
#97cc54
#bdcb3c
#d4c92c
#dfc71f
#e1c409
#dac200
#cdc000
#bcbe00
#a8bb00
#91b900
#78b800
#60b617
#50b521

CSS

background: linear-gradient(45deg in oklch, oklch(65.75% 0.1915 43.59) 0.0%, oklch(64.66% 0.1915 34.93) 2.6%, oklch(63.11% 0.1915 23.04) 5.1%, oklch(61.25% 0.1917 8.74) 7.7%, oklch(59.18% 0.1918 352.85) 10.3%, oklch(57.04% 0.1918 336.17) 12.8%, oklch(54.94% 0.1917 319.54) 15.4%, oklch(53.02% 0.1913 303.77) 17.9%, oklch(51.38% 0.1907 289.68) 20.5%, oklch(50.17% 0.1898 278.07) 23.1%, oklch(49.48% 0.1884 269.78) 25.6%, oklch(49.14% 0.1864 265.18) 28.2%, oklch(49.04% 0.1838 263.56) 30.8%, oklch(49.17% 0.1808 264.06) 33.3%, oklch(49.53% 0.1775 265.84) 35.9%, oklch(50.13% 0.1742 268.02) 38.5%, oklch(50.94% 0.1709 269.75) 41.0%, oklch(51.98% 0.1679 270.17) 43.6%, oklch(53.23% 0.1653 268.43) 46.2%, oklch(54.70% 0.1633 263.66) 48.7%, oklch(56.45% 0.1620 254.96) 51.3%, oklch(58.89% 0.1395 241.89) 53.8%, oklch(61.89% 0.1177 225.37) 56.4%, oklch(65.26% 0.1118 206.51) 59.0%, oklch(68.80% 0.1204 186.41) 61.5%, oklch(72.31% 0.1498 166.14) 64.1%, oklch(75.59% 0.1599 146.80) 66.7%, oklch(78.45% 0.1607 129.47) 69.2%, oklch(80.68% 0.1619 115.25) 71.8%, oklch(82.08% 0.1635 105.20) 74.4%, oklch(82.51% 0.1657 99.99) 76.9%, oklch(82.08% 0.1688 98.64) 79.5%, oklch(80.95% 0.1685 100.40) 82.1%, oklch(79.31% 0.1679 104.54) 84.6%, oklch(77.33% 0.1692 110.33) 87.2%, oklch(75.19% 0.1734 117.04) 89.7%, oklch(73.06% 0.1812 123.93) 92.3%, oklch(71.12% 0.1922 130.26) 94.9%, oklch(69.54% 0.1974 135.31) 97.4%, oklch(68.50% 0.1998 138.35) 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