Chuyển đến nội dung

Bảng màu Grabient

Xanh lá đậm sang xanh lá nhạt (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh lá đậm sang xanh lá nhạt (đơn sắc)

Gradient tuyến tính, 32 màu, góc 135°: #0f2a1d, #1a4430, #185b3d, #4c8258, #c7d8a8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #0f2a1d
  • #102c1e
  • #112e20
  • #123122
  • #133525
  • #153928
  • #163c2a
  • #18402d
  • #1a4430
  • #1b4833
  • #1d4c35
  • #1e4f37
  • #1e5239
  • #1d543a
  • #1b563b
  • #19583c
  • #185b3d
  • #185d3f
  • #1a6140
  • #1f6543
  • #266a46
  • #30704b
  • #3c7951
  • #4c8258
  • #5d8e61
  • #6f9a6b
  • #81a676
  • #92b282
  • #a3be8d
  • #b2c898
  • #bed1a1
  • #c7d8a8

CSS

background: linear-gradient(135deg in oklch, oklch(25.93% 0.0416 160.53) 0.0%, oklch(26.62% 0.0430 160.51) 3.2%, oklch(27.53% 0.0447 160.50) 6.5%, oklch(28.59% 0.0469 160.50) 9.7%, oklch(29.79% 0.0492 160.50) 12.9%, oklch(31.08% 0.0518 160.49) 16.1%, oklch(32.43% 0.0544 160.46) 19.4%, oklch(33.79% 0.0572 160.40) 22.6%, oklch(35.14% 0.0599 160.31) 25.8%, oklch(36.43% 0.0626 160.19) 29.0%, oklch(37.62% 0.0651 160.02) 32.3%, oklch(38.66% 0.0676 159.85) 35.5%, oklch(39.49% 0.0704 159.82) 38.7%, oklch(40.16% 0.0734 159.88) 41.9%, oklch(40.75% 0.0765 159.97) 45.2%, oklch(41.35% 0.0796 160.01) 48.4%, oklch(42.03% 0.0826 159.94) 51.6%, oklch(42.86% 0.0852 159.68) 54.8%, oklch(43.93% 0.0875 159.17) 58.1%, oklch(45.31% 0.0892 158.34) 61.3%, oklch(47.07% 0.0902 157.12) 64.5%, oklch(49.31% 0.0903 155.43) 67.7%, oklch(52.26% 0.0895 153.03) 71.0%, oklch(55.83% 0.0878 150.03) 74.2%, oklch(59.84% 0.0855 146.57) 77.4%, oklch(64.12% 0.0827 142.82) 80.6%, oklch(68.49% 0.0796 138.96) 83.9%, oklch(72.79% 0.0764 135.14) 87.1%, oklch(76.83% 0.0733 131.54) 90.3%, oklch(80.45% 0.0706 128.31) 93.5%, oklch(83.47% 0.0683 125.62) 96.8%, oklch(85.71% 0.0667 123.64) 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ậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động