Cầu vồng (sọc màu tuyến tính)

Sọc màu tuyến tính, 6 màu, góc 180°: #63b34c, #547690, #9b389f, #c32698, #9a5d5f, #409f66. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#63b34c
#547690
#9b389f
#c32698
#9a5d5f
#409f66

CSS

background: linear-gradient(180deg, oklch(69.29% 0.1598 139.22) 0.000% 16.667%, oklch(55.12% 0.0565 241.72) 16.667% 33.333%, oklch(51.97% 0.1805 326.26) 33.333% 50.000%, oklch(56.30% 0.2177 342.12) 50.000% 66.667%, oklch(54.72% 0.0799 18.04) 66.667% 83.333%, oklch(62.99% 0.1240 154.37) 83.333% 100.000%);

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

Wasabi và tím mận kiểu editorial

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