Đen sang xanh lá (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #050f0a, #092216, #0f4024, #175d32, #1f7a45. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#050f0a
#05100b
#06120c
#06140d
#07170f
#071911
#081c12
#081f14
#092216
#0a2618
#0b2919
#0b2c1b
#0c301d
#0d341f
#0e3821
#0e3c22
#0f4024
#104426
#114828
#124c2a
#13502c
#14542e
#165830
#175d32
#186135
#1a6538
#1b6a3a
#1c6e3d
#1d713f
#1e7542
#1e7844
#1f7a45

CSS

background: linear-gradient(135deg in oklch, oklch(15.58% 0.0196 163.45) 0.0%, oklch(16.14% 0.0211 163.12) 3.2%, oklch(16.84% 0.0231 162.70) 6.5%, oklch(17.66% 0.0253 162.20) 9.7%, oklch(18.58% 0.0278 161.63) 12.9%, oklch(19.59% 0.0306 161.02) 16.1%, oklch(20.66% 0.0335 160.39) 19.4%, oklch(21.78% 0.0367 159.74) 22.6%, oklch(22.94% 0.0399 159.10) 25.8%, oklch(24.10% 0.0433 158.49) 29.0%, oklch(25.27% 0.0466 157.91) 32.3%, oklch(26.43% 0.0501 157.37) 35.5%, oklch(27.66% 0.0539 156.80) 38.7%, oklch(28.95% 0.0579 156.22) 41.9%, oklch(30.28% 0.0622 155.62) 45.2%, oklch(31.64% 0.0665 155.03) 48.4%, oklch(33.01% 0.0709 154.47) 51.6%, oklch(34.39% 0.0752 153.94) 54.8%, oklch(35.76% 0.0794 153.46) 58.1%, oklch(37.10% 0.0835 153.05) 61.3%, oklch(38.41% 0.0873 152.71) 64.5%, oklch(39.67% 0.0908 152.47) 67.7%, oklch(40.98% 0.0942 152.32) 71.0%, oklch(42.33% 0.0975 152.27) 74.2%, oklch(43.70% 0.1008 152.29) 77.4%, oklch(45.06% 0.1040 152.36) 80.6%, oklch(46.38% 0.1070 152.47) 83.9%, oklch(47.63% 0.1098 152.60) 87.1%, oklch(48.79% 0.1123 152.74) 90.3%, oklch(49.81% 0.1146 152.86) 93.5%, oklch(50.69% 0.1166 152.96) 96.8%, oklch(51.37% 0.1181 153.01) 100.0%);

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

Dark green gradients

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