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

Gradient tuyến tính, 32 màu, góc 90°: #150109, #01010c, #4f4b4c, #a58758, #c97e10. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#150109
#0b0107
#020003
#000000
#000000
#000000
#000000
#000003
#01010c
#020317
#050920
#0c1428
#172030
#252a39
#343440
#443e45
#4f4b4c
#595756
#64615f
#726a63
#817363
#8f7b60
#9b815d
#a58758
#ae8b52
#b78d4a
#be8e41
#c48d39
#c78a2f
#c88624
#c8811a
#c97e10

CSS

background: linear-gradient(90deg in oklch, oklch(13.39% 0.0455 355.08) 0.0%, oklch(10.79% 0.0364 339.35) 3.2%, oklch(6.88% 0.0228 316.16) 6.5%, oklch(2.98% 0.0093 291.79) 9.7%, oklch(0.39% 0.0009 272.51) 12.9%, oklch(0.25% 0.0016 271.33) 16.1%, oklch(1.84% 0.0127 264.05) 19.4%, oklch(4.60% 0.0282 266.85) 22.6%, oklch(8.03% 0.0419 271.59) 25.8%, oklch(11.51% 0.0486 273.70) 29.0%, oklch(15.35% 0.0475 270.37) 32.3%, oklch(19.68% 0.0421 264.93) 35.5%, oklch(24.23% 0.0347 262.42) 38.7%, oklch(28.70% 0.0277 267.87) 41.9%, oklch(32.98% 0.0218 286.77) 45.2%, oklch(37.33% 0.0140 318.82) 48.4%, oklch(41.62% 0.0069 355.87) 51.6%, oklch(45.71% 0.0032 29.54) 54.8%, oklch(49.46% 0.0056 51.81) 58.1%, oklch(53.01% 0.0152 64.09) 61.3%, oklch(56.33% 0.0294 70.49) 64.5%, oklch(59.32% 0.0454 73.60) 67.7%, oklch(61.88% 0.0602 76.01) 71.0%, oklch(63.97% 0.0731 78.27) 74.2%, oklch(65.66% 0.0863 78.49) 77.4%, oklch(66.95% 0.0990 77.48) 80.6%, oklch(67.81% 0.1103 76.06) 83.9%, oklch(68.20% 0.1194 74.89) 87.1%, oklch(67.88% 0.1268 73.21) 90.3%, oklch(67.12% 0.1327 71.19) 93.5%, oklch(66.28% 0.1372 69.29) 96.8%, oklch(65.75% 0.1406 67.99) 100.0%);

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

Gradient Halloween

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