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

Gradient tuyến tính, 32 màu, góc 135°: #3a4752, #2b3640, #1a222b, #0d1219, #04060a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a4752
#394550
#37444e
#36424d
#34404a
#323d48
#303b45
#2e3843
#2b3640
#29333d
#27303a
#242e38
#222b35
#202932
#1e2630
#1c242d
#1a222b
#182028
#161d26
#141b23
#121920
#10161e
#0e141b
#0d1219
#0b1016
#090e14
#080c12
#060a10
#05080e
#05070c
#04060b
#04060a

CSS

background: linear-gradient(135deg in oklch, oklch(38.98% 0.0248 244.69) 0.0%, oklch(38.48% 0.0247 244.96) 3.2%, oklch(37.87% 0.0245 245.29) 6.5%, oklch(37.17% 0.0243 245.67) 9.7%, oklch(36.39% 0.0241 246.10) 12.9%, oklch(35.54% 0.0239 246.56) 16.1%, oklch(34.63% 0.0237 247.06) 19.4%, oklch(33.67% 0.0234 247.58) 22.6%, oklch(32.67% 0.0232 248.13) 25.8%, oklch(31.65% 0.0229 248.68) 29.0%, oklch(30.62% 0.0226 249.24) 32.3%, oklch(29.58% 0.0223 249.79) 35.5%, oklch(28.55% 0.0220 250.34) 38.7%, oklch(27.55% 0.0216 250.87) 41.9%, oklch(26.57% 0.0213 251.38) 45.2%, oklch(25.64% 0.0209 251.86) 48.4%, oklch(24.75% 0.0205 252.31) 51.6%, oklch(23.83% 0.0200 252.77) 54.8%, oklch(22.87% 0.0195 253.24) 58.1%, oklch(21.88% 0.0189 253.71) 61.3%, oklch(20.88% 0.0183 254.19) 64.5%, oklch(19.87% 0.0177 254.67) 67.7%, oklch(18.87% 0.0171 255.14) 71.0%, oklch(17.89% 0.0164 255.60) 74.2%, oklch(16.93% 0.0158 256.05) 77.4%, oklch(16.00% 0.0152 256.48) 80.6%, oklch(15.12% 0.0146 256.89) 83.9%, oklch(14.30% 0.0141 257.27) 87.1%, oklch(13.55% 0.0135 257.61) 90.3%, oklch(12.88% 0.0131 257.93) 93.5%, oklch(12.30% 0.0127 258.20) 96.8%, oklch(11.81% 0.0124 258.43) 100.0%);

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

Gradient xám tông lạnh

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