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

Gradient hình nón, 34 màu, góc 180°: #000001, #0e0100, #e64d00, #aae0b5, #0099bd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000001
#000001
#000000
#000000
#000000
#000000
#000000
#020000
#0e0100
#240400
#3f0400
#5a0200
#730300
#8f0400
#aa0c03
#c41c02
#d83300
#e64d00
#ec6a1b
#ea873f
#e3a061
#dbb47f
#d5c294
#cfcd9e
#c2d7a7
#aae0b5
#8ce5ca
#6fe4de
#5ddde9
#4cd1e8
#36c1e0
#16b1d4
#00a3c6
#0099bd

CSS

background: conic-gradient(from 180deg in oklch, oklch(3.54% 0.0220 270.70) 0.0%, oklch(2.81% 0.0163 286.15) 3.0%, oklch(1.34% 0.0069 307.27) 6.1%, oklch(0.05% 0.0002 344.74) 9.1%, oklch(0.00% 0.0000 0.00) 12.1%, oklch(0.00% 0.0000 0.00) 15.2%, oklch(1.45% 0.0056 31.15) 18.2%, oklch(5.68% 0.0225 30.36) 21.2%, oklch(11.14% 0.0366 37.80) 24.2%, oklch(17.32% 0.0593 36.03) 27.3%, oklch(23.65% 0.0898 31.92) 30.3%, oklch(29.53% 0.1187 29.94) 33.3%, oklch(35.16% 0.1420 29.78) 36.4%, oklch(40.99% 0.1661 29.58) 39.4%, oklch(46.82% 0.1868 29.79) 42.4%, oklch(52.48% 0.2023 31.11) 45.5%, oklch(57.78% 0.2073 34.10) 48.5%, oklch(62.62% 0.1997 39.22) 51.5%, oklch(67.32% 0.1804 45.73) 54.5%, oklch(71.78% 0.1478 53.65) 57.6%, oklch(75.82% 0.1126 63.22) 60.6%, oklch(79.25% 0.0824 74.67) 63.6%, oklch(81.89% 0.0648 88.24) 66.7%, oklch(83.81% 0.0619 105.84) 69.7%, oklch(85.15% 0.0686 127.52) 72.7%, oklch(85.84% 0.0808 150.70) 75.8%, oklch(85.80% 0.0947 172.77) 78.8%, oklch(84.98% 0.1064 191.15) 81.8%, oklch(83.15% 0.1130 203.66) 84.8%, oklch(79.67% 0.1176 211.60) 87.9%, oklch(75.16% 0.1213 216.34) 90.9%, oklch(70.41% 0.1241 219.00) 93.9%, oklch(66.23% 0.1212 220.67) 97.0%, oklch(63.39% 0.1175 222.45) 100.0%);

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

Gradient nhiều màu

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