Đen, đỏ, nâu và xanh dương liền mạch (gradient hình nón)

Bảng màu Đen, đỏ, nâu và xanh dương liền mạch

Gradient hình nón, 34 màu, góc 180°: #000000, #7c0800, #82a889, #004f72, #000000. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000000
#000000
#020000
#0a0000
#190000
#2b0100
#430200
#5f0200
#7c0800
#951a00
#a63104
#ad4c21
#ae653c
#aa7a55
#a68a67
#a19670
#96a07a
#82a889
#6bab9b
#5ba8a9
#4da1ac
#3997a9
#1f8ba2
#007b96
#006886
#004f72
#00345b
#001c44
#01092d
#01011b
#00000b
#000002
#000000
#000000

CSS

background: conic-gradient(from 180deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(2.27% 0.0089 30.66) 3.0%, oklch(5.39% 0.0215 30.25) 6.1%, oklch(9.21% 0.0367 30.24) 9.1%, oklch(13.57% 0.0536 30.54) 12.1%, oklch(18.37% 0.0715 31.02) 15.2%, oklch(24.16% 0.0960 30.32) 18.2%, oklch(30.66% 0.1234 29.87) 21.2%, oklch(37.25% 0.1476 30.41) 24.2%, oklch(43.35% 0.1613 32.68) 27.3%, oklch(48.59% 0.1599 37.07) 30.3%, oklch(53.51% 0.1391 42.16) 33.3%, oklch(58.03% 0.1092 48.91) 36.4%, oklch(61.93% 0.0795 58.53) 39.4%, oklch(65.00% 0.0594 72.24) 42.4%, oklch(67.22% 0.0535 92.71) 45.5%, oklch(68.77% 0.0556 120.14) 48.5%, oklch(69.55% 0.0623 149.75) 51.5%, oklch(69.42% 0.0704 176.70) 54.5%, oklch(68.27% 0.0765 196.19) 57.6%, oklch(66.07% 0.0828 207.16) 60.6%, oklch(62.90% 0.0903 212.83) 63.6%, oklch(58.84% 0.0971 216.13) 66.7%, oklch(53.94% 0.0982 220.02) 69.7%, oklch(48.11% 0.0930 227.17) 72.7%, oklch(40.49% 0.0883 236.95) 75.8%, oklch(31.86% 0.0849 247.57) 78.8%, oklch(23.40% 0.0843 257.37) 81.8%, oklch(16.21% 0.0747 264.48) 84.8%, oklch(11.04% 0.0624 267.96) 87.9%, oklch(7.06% 0.0456 268.29) 90.9%, oklch(4.06% 0.0274 266.82) 93.9%, oklch(1.75% 0.0112 264.86) 97.0%, oklch(0.00% 0.0000 89.88) 100.0%);

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

Gradient nhiều màu tông tối

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