Đen, vàng, hồng và xanh dương (gradient hình nón)

Gradient hình nón, 32 màu, góc 325°: #050505, #a7d33d, #ffb58b, #cc46ff, #15a5ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#050505
#110e08
#231f0d
#3a3512
#525117
#6b701e
#819228
#95b434
#a7d33d
#baec3c
#cffc25
#e8ff12
#fff723
#ffeb9c
#ffdda0
#ffcb96
#ffb58b
#ff9c85
#ff8188
#ff6396
#ff3cb1
#f90dd3
#e42ced
#cc46ff
#b064ff
#9b75ff
#8881ff
#768bff
#6594ff
#529bff
#3ba1ff
#15a5ff

CSS

background: conic-gradient(from 325deg in oklch, oklch(11.42% 0.0000 89.88) 0.0%, oklch(16.59% 0.0134 92.48) 3.2%, oklch(23.81% 0.0315 96.57) 6.5%, oklch(32.54% 0.0531 101.75) 9.7%, oklch(42.28% 0.0773 107.45) 12.9%, oklch(52.49% 0.1030 113.13) 16.1%, oklch(62.68% 0.1291 118.26) 19.4%, oklch(72.30% 0.1548 122.27) 22.6%, oklch(80.85% 0.1789 124.63) 25.8%, oklch(87.80% 0.2004 124.80) 29.0%, oklch(92.65% 0.2182 122.21) 32.3%, oklch(95.01% 0.2157 116.36) 35.5%, oklch(95.30% 0.1992 107.33) 38.7%, oklch(93.90% 0.1004 95.67) 41.9%, oklch(91.20% 0.0866 81.96) 45.2%, oklch(87.56% 0.0905 66.79) 48.4%, oklch(83.36% 0.1030 50.73) 51.6%, oklch(78.97% 0.1234 34.36) 54.8%, oklch(74.77% 0.1531 18.28) 58.1%, oklch(71.13% 0.1946 3.05) 61.3%, oklch(68.42% 0.2490 349.26) 64.5%, oklch(66.97% 0.2910 337.35) 67.7%, oklch(66.24% 0.2849 325.93) 71.0%, oklch(65.96% 0.2669 314.61) 74.2%, oklch(66.04% 0.2233 303.54) 77.4%, oklch(66.40% 0.1970 292.86) 80.6%, oklch(66.96% 0.1808 282.71) 83.9%, oklch(67.62% 0.1711 273.23) 87.1%, oklch(68.31% 0.1662 264.58) 90.3%, oklch(68.94% 0.1650 256.89) 93.5%, oklch(69.43% 0.1667 250.31) 96.8%, oklch(69.68% 0.1707 244.99) 100.0%);

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

Glitchy glam

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