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

Gradient tuyến tính, 32 màu, góc 90°: #12141a, #1d2535, #5f637b, #a2b2c3, #eff6ee. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#12141a
#13151c
#14171f
#151821
#161a24
#171c28
#191e2c
#1b2130
#1d2535
#21293b
#252e41
#2b3549
#333c51
#3d455b
#474e65
#535870
#5f637b
#6c6e87
#787a92
#83859d
#8c90a8
#949bb2
#9ba6bb
#a2b2c3
#aabdca
#b3c8d0
#bed3d5
#c9dcda
#d4e4df
#dfebe4
#e8f1e9
#eff6ee

CSS

background: linear-gradient(90deg in oklch, oklch(19.29% 0.0124 270.70) 0.0%, oklch(19.86% 0.0139 270.27) 3.2%, oklch(20.45% 0.0161 269.64) 6.5%, oklch(21.10% 0.0186 268.85) 9.7%, oklch(21.85% 0.0215 267.98) 12.9%, oklch(22.72% 0.0245 267.09) 16.1%, oklch(23.77% 0.0275 266.22) 19.4%, oklch(25.01% 0.0304 265.46) 22.6%, oklch(26.50% 0.0330 264.85) 25.8%, oklch(28.26% 0.0352 264.45) 29.0%, oklch(30.33% 0.0368 264.33) 32.3%, oklch(32.80% 0.0378 264.80) 35.5%, oklch(35.74% 0.0385 266.54) 38.7%, oklch(39.08% 0.0389 269.19) 41.9%, oklch(42.73% 0.0390 272.32) 45.2%, oklch(46.59% 0.0389 275.50) 48.4%, oklch(50.58% 0.0385 278.31) 51.6%, oklch(54.59% 0.0380 280.31) 54.8%, oklch(58.55% 0.0372 281.09) 58.1%, oklch(62.36% 0.0363 280.20) 61.3%, oklch(65.92% 0.0352 277.23) 64.5%, oklch(69.17% 0.0340 271.68) 67.7%, oklch(72.40% 0.0324 262.80) 71.0%, oklch(75.66% 0.0303 251.02) 74.2%, oklch(78.89% 0.0280 237.09) 77.4%, oklch(82.06% 0.0254 221.75) 80.6%, oklch(85.09% 0.0228 205.74) 83.9%, oklch(87.94% 0.0202 189.81) 87.1%, oklch(90.56% 0.0178 174.71) 90.3%, oklch(92.89% 0.0156 161.17) 93.5%, oklch(94.87% 0.0137 149.95) 96.8%, oklch(96.46% 0.0124 141.78) 100.0%);

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

Poetcore

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