Đỏ nâu, cam và nâu tông rực rỡ (sọc màu hình nón)

Sọc màu hình nón, 21 màu, góc 45°: #700100, #b70401, #e36c00, #be8f09, #763a00. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#700100
#7a0100
#890100
#9a0200
#a80300
#b70401
#c51001
#d02900
#d94200
#df5900
#e36c00
#e27c00
#de8b00
#d79400
#cc9406
#be8f09
#af8504
#a17600
#926000
#824900
#763a00

CSS

background: conic-gradient(from 45deg, oklch(34.25% 0.1398 29.42) 0.000% 4.762%, oklch(36.47% 0.1490 29.37) 4.762% 9.524%, oklch(39.66% 0.1624 29.31) 9.524% 14.286%, oklch(43.05% 0.1758 29.39) 14.286% 19.048%, oklch(46.09% 0.1876 29.50) 19.048% 23.810%, oklch(49.09% 0.1997 29.40) 23.810% 28.571%, oklch(52.18% 0.2080 30.11) 28.571% 33.333%, oklch(55.48% 0.2058 32.80) 33.333% 38.095%, oklch(59.26% 0.1957 37.60) 38.095% 42.857%, oklch(63.04% 0.1841 43.78) 42.857% 47.619%, oklch(66.14% 0.1733 50.65) 47.619% 52.381%, oklch(68.65% 0.1627 58.93) 52.381% 57.143%, oklch(70.64% 0.1548 68.25) 57.143% 61.905%, oklch(71.40% 0.1499 76.20) 61.905% 66.667%, oklch(70.34% 0.1440 81.34) 66.667% 71.429%, oklch(67.67% 0.1369 84.88) 71.429% 76.190%, oklch(63.90% 0.1300 85.85) 76.190% 80.952%, oklch(59.38% 0.1221 82.83) 80.952% 85.714%, oklch(53.03% 0.1125 73.78) 85.714% 90.476%, oklch(46.39% 0.1061 62.67) 90.476% 95.238%, oklch(41.73% 0.1033 54.89) 95.238% 100.000%);

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

Sọc màu 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