Xanh lá đậm, xám và nâu vàng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #29544e, #313f3b, #575e67, #88938f, #d8c180. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#29544e
#2a524a
#2b4e45
#2d493f
#2e453a
#2e4137
#2f3f37
#303f38
#313f3b
#34403e
#374242
#3c4546
#40484a
#454c4f
#4a5156
#50575e
#575e67
#5e6570
#656c78
#6a737f
#6f7c85
#768489
#7f8c8c
#88938f
#929b93
#9aa296
#a2a996
#acb093
#b8b68f
#c4bb89
#cfbf84
#d8c180

CSS

background: linear-gradient(45deg in oklch, oklch(41.34% 0.0496 183.52) 0.0%, oklch(40.56% 0.0469 180.46) 3.2%, oklch(39.37% 0.0431 175.54) 6.5%, oklch(38.01% 0.0385 169.99) 9.7%, oklch(36.69% 0.0338 165.04) 12.9%, oklch(35.64% 0.0293 161.94) 16.1%, oklch(35.07% 0.0254 161.91) 19.4%, oklch(35.08% 0.0223 165.95) 22.6%, oklch(35.42% 0.0193 173.48) 25.8%, oklch(36.07% 0.0164 183.32) 29.0%, oklch(36.99% 0.0140 194.32) 32.3%, oklch(38.16% 0.0122 205.29) 35.5%, oklch(39.55% 0.0112 215.07) 38.7%, oklch(41.17% 0.0112 223.58) 41.9%, oklch(43.14% 0.0125 233.87) 45.2%, oklch(45.40% 0.0147 244.60) 48.4%, oklch(47.84% 0.0172 253.94) 51.6%, oklch(50.37% 0.0197 260.06) 54.8%, oklch(52.87% 0.0215 261.11) 58.1%, oklch(55.29% 0.0221 255.12) 61.3%, oklch(57.79% 0.0207 240.56) 64.5%, oklch(60.35% 0.0182 219.81) 67.7%, oklch(62.93% 0.0157 195.85) 71.0%, oklch(65.45% 0.0142 171.65) 74.2%, oklch(67.87% 0.0150 150.20) 77.4%, oklch(70.13% 0.0191 134.36) 80.6%, oklch(72.37% 0.0277 122.59) 83.9%, oklch(74.62% 0.0398 113.09) 87.1%, oklch(76.76% 0.0535 105.49) 90.3%, oklch(78.69% 0.0671 99.43) 93.5%, oklch(80.30% 0.0788 94.56) 96.8%, oklch(81.50% 0.0868 90.52) 100.0%);

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

Lớp học bảng đen

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