Tím, đen, xanh hải quân và cam (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 45°: #503a8c, #0d0411, #00030b, #001c44, #c27c22. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#503a8c
#4c3682
#483075
#422966
#3b2256
#331b46
#2a1437
#210e2a
#19091f
#120617
#0d0411
#08030d
#06030b
#040209
#030207
#020207
#010207
#010207
#000208
#000309
#00030b
#00040d
#00050e
#000710
#000914
#000c18
#00101e
#001426
#001831
#001c44
#101f53
#282460
#432968
#602f6b
#7d3667
#97405c
#ab4e4d
#b95e3c
#c06f2d
#c27c22

CSS

background: linear-gradient(45deg in oklch, oklch(41.73% 0.1295 291.80) 0.0%, oklch(39.91% 0.1233 293.56) 2.6%, oklch(37.41% 0.1147 296.34) 5.1%, oklch(34.42% 0.1044 299.79) 7.7%, oklch(31.09% 0.0929 303.57) 10.3%, oklch(27.59% 0.0809 307.31) 12.8%, oklch(24.08% 0.0689 310.68) 15.4%, oklch(20.74% 0.0576 313.32) 17.9%, oklch(17.74% 0.0474 314.88) 20.5%, oklch(15.23% 0.0391 315.03) 23.1%, oklch(13.37% 0.0332 313.38) 25.6%, oklch(11.94% 0.0287 309.52) 28.2%, oklch(10.78% 0.0253 303.73) 30.8%, oklch(9.89% 0.0229 296.53) 33.3%, oklch(9.24% 0.0214 288.44) 35.9%, oklch(8.83% 0.0208 279.95) 38.5%, oklch(8.63% 0.0210 271.58) 41.0%, oklch(8.64% 0.0220 263.84) 43.6%, oklch(8.84% 0.0237 257.24) 46.2%, oklch(9.21% 0.0261 252.28) 48.7%, oklch(9.79% 0.0286 251.20) 51.3%, oklch(10.47% 0.0289 249.01) 53.8%, oklch(11.28% 0.0290 245.94) 56.4%, oklch(12.27% 0.0299 243.44) 59.0%, oklch(13.47% 0.0319 241.83) 61.5%, oklch(14.89% 0.0350 241.40) 64.1%, oklch(16.57% 0.0396 242.44) 66.7%, oklch(18.52% 0.0468 245.22) 69.2%, oklch(20.77% 0.0588 250.01) 71.8%, oklch(23.34% 0.0831 257.07) 74.4%, oklch(26.39% 0.0976 267.19) 76.9%, oklch(30.26% 0.1026 281.78) 79.5%, oklch(34.72% 0.1074 299.63) 82.1%, oklch(39.57% 0.1118 319.69) 84.6%, oklch(44.57% 0.1159 340.90) 87.2%, oklch(49.53% 0.1197 2.20) 89.7%, oklch(54.23% 0.1231 22.52) 92.3%, oklch(58.44% 0.1262 40.81) 94.9%, oklch(61.96% 0.1288 56.01) 97.4%, oklch(64.57% 0.1309 67.06) 100.0%);

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

Gradient bầu trời đêm

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