Cầu vồng từ xanh dương sang xanh lá đậm (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh dương sang xanh lá đậm

Gradient tuyến tính, 40 màu, góc 45°: #40e0d0, #420b98, #842b45, #b1ab00, #1e4740. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#40e0d0
#00d4cf
#00bec8
#00a6be
#008cb2
#0073a6
#005ba1
#003bb4
#2824ab
#3714a2
#420b98
#4c0b90
#551188
#5e1881
#671e7a
#6f2273
#75236a
#7a2461
#7e2657
#81284e
#842b45
#882f3c
#8c3434
#913b2a
#99451d
#a45400
#aa6900
#b18000
#b49600
#b1ab00
#a3bd00
#8cc639
#70c554
#52ba63
#36a868
#239266
#1b7a5e
#1b6553
#1d5348
#1e4740

CSS

background: linear-gradient(45deg in oklch, oklch(82.28% 0.1309 184.92) 0.0%, oklch(78.48% 0.1348 191.91) 2.6%, oklch(73.05% 0.1242 201.42) 5.1%, oklch(66.56% 0.1164 212.77) 7.7%, oklch(59.58% 0.1131 225.25) 10.3%, oklch(52.68% 0.1171 238.15) 12.8%, oklch(46.42% 0.1342 250.77) 15.4%, oklch(41.37% 0.1977 262.42) 17.9%, oklch(38.08% 0.2026 272.37) 20.5%, oklch(36.37% 0.2004 281.12) 23.1%, oklch(35.78% 0.1947 289.17) 25.6%, oklch(36.05% 0.1863 296.73) 28.2%, oklch(36.92% 0.1765 303.98) 30.8%, oklch(38.13% 0.1662 311.14) 33.3%, oklch(39.41% 0.1565 318.41) 35.9%, oklch(40.50% 0.1484 325.98) 38.5%, oklch(41.16% 0.1426 333.99) 41.0%, oklch(41.60% 0.1373 341.96) 43.6%, oklch(41.98% 0.1323 349.87) 46.2%, oklch(42.40% 0.1278 357.86) 48.7%, oklch(42.99% 0.1241 6.06) 51.3%, oklch(43.84% 0.1214 14.61) 53.8%, oklch(45.07% 0.1202 23.64) 56.4%, oklch(46.79% 0.1206 33.27) 59.0%, oklch(49.29% 0.1235 43.78) 61.5%, oklch(53.18% 0.1308 55.58) 64.1%, oklch(57.99% 0.1270 68.26) 66.7%, oklch(63.16% 0.1303 81.43) 69.2%, oklch(68.11% 0.1398 94.59) 71.8%, oklch(72.29% 0.1552 107.29) 74.4%, oklch(75.14% 0.1767 119.08) 76.9%, oklch(76.07% 0.1785 129.50) 79.5%, oklch(74.56% 0.1715 138.54) 82.1%, oklch(70.72% 0.1579 146.89) 84.6%, oklch(65.22% 0.1396 154.53) 87.2%, oklch(58.75% 0.1187 161.44) 89.7%, oklch(51.97% 0.0971 167.58) 92.3%, oklch(45.57% 0.0768 172.92) 94.9%, oklch(40.23% 0.0599 177.42) 97.4%, oklch(36.61% 0.0482 181.05) 100.0%);

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

Gradient cầu vồng vòng lặp

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