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

Gradient tuyến tính, 32 màu, góc 45°: #09090d, #4b3311, #a78034, #79405f, #1a2443. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#09090d
#0d0b11
#150e15
#1e1217
#281616
#311d14
#382412
#402c11
#4b3311
#573b12
#664114
#744818
#814f1d
#8c5821
#976425
#a0722c
#a78034
#ad8a3c
#b28d41
#b68743
#b47746
#a9624f
#944f59
#79405f
#5e3660
#4a305d
#3b2c58
#302a53
#28284e
#22264a
#1e2546
#1a2443

CSS

background: linear-gradient(45deg in oklch, oklch(14.17% 0.0083 285.47) 0.0%, oklch(15.64% 0.0118 301.61) 3.2%, oklch(17.60% 0.0166 325.17) 6.5%, oklch(19.95% 0.0224 352.59) 9.7%, oklch(22.57% 0.0288 20.33) 12.9%, oklch(25.35% 0.0357 44.83) 16.1%, oklch(28.18% 0.0427 62.54) 19.4%, oklch(31.08% 0.0502 71.39) 22.6%, oklch(34.25% 0.0591 73.87) 25.8%, oklch(37.59% 0.0685 72.09) 29.0%, oklch(40.99% 0.0778 68.11) 32.3%, oklch(44.36% 0.0862 63.96) 35.5%, oklch(47.59% 0.0930 61.71) 38.7%, oklch(50.80% 0.0977 63.24) 41.9%, oklch(54.64% 0.1010 68.28) 45.2%, oklch(58.67% 0.1031 74.80) 48.4%, oklch(62.33% 0.1042 80.74) 51.6%, oklch(65.07% 0.1044 84.05) 54.8%, oklch(66.33% 0.1039 82.65) 58.1%, oklch(65.52% 0.1028 74.41) 61.3%, oklch(62.26% 0.1004 58.12) 64.5%, oklch(57.21% 0.0970 36.18) 67.7%, oklch(51.23% 0.0929 11.45) 71.0%, oklch(45.15% 0.0885 346.82) 74.2%, oklch(39.80% 0.0843 325.15) 77.4%, oklch(35.99% 0.0806 309.23) 80.6%, oklch(33.32% 0.0769 297.75) 83.9%, oklch(31.27% 0.0730 288.93) 87.1%, oklch(29.71% 0.0692 282.24) 90.3%, oklch(28.52% 0.0657 277.14) 93.5%, oklch(27.59% 0.0628 273.12) 96.8%, oklch(26.77% 0.0606 269.62) 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