Tím, cam và đỏ nâu tông rực rỡ (sọc màu tuyến tính)

Sọc màu tuyến tính, 10 màu, góc 270°: #7e0d71, #dd3352, #ffa026, #d83624, #7b0d39. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7e0d71
#ab0367
#dd3352
#ff7041
#ff9f30
#ffa026
#ff7223
#d83624
#a60633
#7b0d39

CSS

background: linear-gradient(270deg, oklch(41.34% 0.1750 333.98) 0.000% 10.000%, oklch(48.61% 0.1987 353.87) 10.000% 20.000%, oklch(59.39% 0.2044 16.57) 20.000% 30.000%, oklch(71.26% 0.1852 38.45) 30.000% 40.000%, oklch(78.35% 0.1619 63.85) 40.000% 50.000%, oklch(78.42% 0.1648 65.77) 50.000% 60.000%, oklch(71.26% 0.1911 44.79) 60.000% 70.000%, oklch(58.09% 0.2007 30.38) 70.000% 80.000%, oklch(46.15% 0.1815 16.45) 80.000% 90.000%, oklch(38.19% 0.1433 4.63) 90.000% 100.000%);

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

Gradient nhiệt đới Gradient Diwali

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