Cầu vồng từ xanh hải quân sang tím (sọc màu tuyến tính)

Bảng màu Cầu vồng từ xanh hải quân sang tím

Sọc màu tuyến tính, 13 màu, góc 90°: #28115c, #0b9e73, #cbe16d, #c96265, #3a0f5c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#28115c
#1a3866
#0d6375
#0b9e73
#71c660
#96e46a
#cbe16d
#e2c971
#e29860
#c96265
#983173
#601a6f
#3a0f5c

CSS

background: linear-gradient(90deg, oklch(26.77% 0.1226 288.98) 0.000% 7.692%, oklch(34.46% 0.0875 258.25) 7.692% 15.385%, oklch(46.32% 0.0786 215.91) 15.385% 23.077%, oklch(62.09% 0.1281 165.29) 23.077% 30.769%, oklch(75.04% 0.1619 140.26) 30.769% 38.462%, oklch(84.26% 0.1746 135.46) 38.462% 46.154%, oklch(86.98% 0.1444 118.58) 46.154% 53.846%, oklch(83.81% 0.1113 93.43) 53.846% 61.538%, oklch(74.07% 0.1150 56.81) 61.538% 69.231%, oklch(62.01% 0.1310 19.94) 69.231% 76.923%, oklch(48.69% 0.1548 345.41) 76.923% 84.615%, oklch(37.16% 0.1475 320.14) 84.615% 92.308%, oklch(28.74% 0.1268 304.48) 92.308% 100.000%);

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