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

Gradient tuyến tính, 32 màu, góc 135°: #11251b, #245030, #795d00, #bb6931, #e7b74b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11251b
#12281d
#132c20
#153122
#163726
#193d29
#1c442c
#1f4a2e
#245030
#2a5630
#325b2f
#3b5e2b
#476023
#536118
#616007
#6e5e00
#795d00
#855a00
#915800
#9a5710
#a3581e
#ab5c27
#b3612d
#bb6931
#c47234
#cc7c36
#d38838
#d9933b
#de9e3e
#e2a843
#e4b147
#e7b74b

CSS

background: linear-gradient(135deg in oklch, oklch(24.41% 0.0331 161.72) 0.0%, oklch(25.52% 0.0361 160.79) 3.2%, oklch(26.98% 0.0402 159.98) 6.5%, oklch(28.73% 0.0449 159.15) 9.7%, oklch(30.68% 0.0503 158.18) 12.9%, oklch(32.76% 0.0560 156.94) 16.1%, oklch(34.92% 0.0620 155.31) 19.4%, oklch(37.07% 0.0679 153.15) 22.6%, oklch(39.15% 0.0737 150.35) 25.8%, oklch(41.08% 0.0791 146.77) 29.0%, oklch(42.80% 0.0840 142.30) 32.3%, oklch(44.24% 0.0883 136.53) 35.5%, oklch(45.47% 0.0924 128.78) 38.7%, oklch(46.53% 0.0964 119.48) 41.9%, oklch(47.48% 0.1003 109.14) 45.2%, oklch(48.38% 0.1001 98.27) 48.4%, oklch(49.27% 0.1007 87.40) 51.6%, oklch(50.23% 0.1051 77.05) 54.8%, oklch(51.30% 0.1128 67.72) 58.1%, oklch(52.53% 0.1169 59.98) 61.3%, oklch(53.99% 0.1196 54.24) 64.5%, oklch(55.74% 0.1220 51.05) 67.7%, oklch(57.90% 0.1242 50.33) 71.0%, oklch(60.40% 0.1261 51.64) 74.2%, oklch(63.14% 0.1278 54.54) 77.4%, oklch(66.02% 0.1293 58.64) 80.6%, oklch(68.94% 0.1306 63.49) 83.9%, oklch(71.78% 0.1317 68.70) 87.1%, oklch(74.44% 0.1327 73.83) 90.3%, oklch(76.82% 0.1336 78.46) 93.5%, oklch(78.81% 0.1343 82.18) 96.8%, oklch(80.31% 0.1350 84.58) 100.0%);

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

Gradient mùa thu

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