Cầu vồng từ cam sang tím (gradient hình nón)

Gradient hình nón, 32 màu, góc 90°: #fd3858, #ffcd28, #27d48d, #0f99ee, #a33ee6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fd3858
#ff4b4d
#ff6242
#ff7837
#ff8c2d
#fe9e2a
#fead2a
#ffbd29
#ffcd28
#fbdb2b
#efe636
#dceb46
#c2e951
#a4e35b
#82dc67
#5cd677
#27d48d
#00d2aa
#00d0c3
#00cfd8
#1dc9e8
#2bbfef
#21aef0
#0f99ee
#1582eb
#2b6be8
#425ae7
#594ee8
#7047e9
#8543e9
#9740e8
#a33ee6

CSS

background: conic-gradient(from 90deg in oklch, oklch(65.35% 0.2287 18.28) 0.0%, oklch(67.06% 0.2167 24.56) 3.2%, oklch(69.47% 0.1973 33.43) 6.5%, oklch(72.29% 0.1812 43.77) 9.7%, oklch(75.21% 0.1709 54.45) 12.9%, oklch(77.93% 0.1635 64.34) 16.1%, oklch(80.63% 0.1610 73.05) 19.4%, oklch(83.76% 0.1637 81.48) 22.6%, oklch(86.79% 0.1693 89.76) 25.8%, oklch(89.21% 0.1758 98.01) 29.0%, oklch(90.48% 0.1800 106.34) 32.3%, oklch(90.03% 0.1808 114.66) 35.5%, oklch(87.82% 0.1805 122.54) 38.7%, oklch(84.63% 0.1791 130.44) 41.9%, oklch(81.25% 0.1766 138.85) 45.2%, oklch(78.47% 0.1731 148.29) 48.4%, oklch(77.04% 0.1678 159.33) 51.6%, oklch(76.88% 0.1485 172.37) 54.8%, oklch(77.30% 0.1352 186.56) 58.1%, oklch(77.61% 0.1320 200.86) 61.3%, oklch(77.11% 0.1317 214.28) 64.5%, oklch(75.09% 0.1342 225.87) 67.7%, oklch(71.10% 0.1458 235.99) 71.0%, oklch(65.94% 0.1632 245.15) 74.2%, oklch(60.64% 0.1828 253.68) 77.4%, oklch(56.22% 0.2009 261.89) 80.6%, oklch(53.68% 0.2139 270.12) 83.9%, oklch(53.22% 0.2228 278.83) 87.1%, oklch(54.11% 0.2294 287.65) 90.3%, oklch(55.69% 0.2344 295.88) 93.5%, oklch(57.30% 0.2381 302.84) 96.8%, oklch(58.27% 0.2411 307.83) 100.0%);

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

Conic gradients

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