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

Gradient tuyến tính, 32 màu, góc 45°: #003725, #7e9998, #dadedf, #707e7d, #001005. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#003725
#093d2d
#164637
#245144
#345d53
#456b63
#577a75
#6a8986
#7e9998
#91a8a8
#a4b6b8
#b5c3c5
#c3cfd0
#cfd7d9
#d7dddf
#dbdfe0
#dadedf
#d4d8d9
#cacecf
#bcc2c2
#acb3b3
#99a2a2
#859090
#707e7d
#5c6c69
#485a56
#364943
#263932
#172c23
#0b2016
#03170c
#001005

CSS

background: linear-gradient(45deg in oklch, oklch(29.92% 0.0633 164.51) 0.0%, oklch(32.37% 0.0611 166.55) 3.2%, oklch(35.72% 0.0580 169.30) 6.5%, oklch(39.83% 0.0543 172.66) 9.7%, oklch(44.52% 0.0500 176.51) 12.9%, oklch(49.65% 0.0454 180.71) 16.1%, oklch(55.06% 0.0405 185.14) 19.4%, oklch(60.59% 0.0355 189.68) 22.6%, oklch(66.07% 0.0304 194.18) 25.8%, oklch(71.37% 0.0255 198.53) 29.0%, oklch(76.31% 0.0207 202.60) 32.3%, oklch(80.74% 0.0164 206.25) 35.5%, oklch(84.51% 0.0124 209.37) 38.7%, oklch(87.45% 0.0091 211.82) 41.9%, oklch(89.40% 0.0065 213.48) 45.2%, oklch(90.22% 0.0047 214.22) 48.4%, oklch(89.75% 0.0038 213.90) 51.6%, oklch(87.93% 0.0038 212.52) 54.8%, oklch(84.94% 0.0046 210.18) 58.1%, oklch(80.93% 0.0060 207.03) 61.3%, oklch(76.08% 0.0080 203.21) 64.5%, oklch(70.55% 0.0104 198.83) 67.7%, oklch(64.52% 0.0132 194.06) 71.0%, oklch(58.15% 0.0162 189.00) 74.2%, oklch(51.61% 0.0194 183.81) 77.4%, oklch(45.07% 0.0226 178.62) 80.6%, oklch(38.71% 0.0257 173.57) 83.9%, oklch(32.68% 0.0287 168.78) 87.1%, oklch(27.16% 0.0315 164.39) 90.3%, oklch(22.32% 0.0339 160.55) 93.5%, oklch(18.33% 0.0358 157.38) 96.8%, oklch(15.35% 0.0372 155.02) 100.0%);

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

Gradient độ cao

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