Chuyển đến nội dung

Bảng màu Grabient

Đen, xanh lá đậm và xanh cổ vịt (tương đồng) (gradient tuyến tính)

Bảng màu Đen, xanh lá đậm và xanh cổ vịt (tương đồng)

Gradient tuyến tính, 32 màu, góc 135°: #081c15, #16392b, #255842, #327456, #40916c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #081c15
  • #091e17
  • #0a2119
  • #0c241b
  • #0d281e
  • #0f2c21
  • #123024
  • #143528
  • #16392b
  • #183e2e
  • #1a4231
  • #1c4634
  • #1e4937
  • #204d39
  • #22513c
  • #23553f
  • #255842
  • #275c45
  • #286047
  • #2a644a
  • #2c674d
  • #2e6b50
  • #306f53
  • #327456
  • #347859
  • #367c5d
  • #388160
  • #3a8563
  • #3c8866
  • #3d8c68
  • #3f8f6a
  • #40916c

CSS

background: linear-gradient(135deg in oklch, oklch(20.70% 0.0299 168.19) 0.0%, oklch(21.52% 0.0313 167.90) 3.2%, oklch(22.57% 0.0332 167.50) 6.5%, oklch(23.81% 0.0354 167.03) 9.7%, oklch(25.21% 0.0378 166.50) 12.9%, oklch(26.72% 0.0404 165.94) 16.1%, oklch(28.29% 0.0432 165.38) 19.4%, oklch(29.88% 0.0460 164.82) 22.6%, oklch(31.46% 0.0487 164.30) 25.8%, oklch(32.98% 0.0514 163.84) 29.0%, oklch(34.40% 0.0539 163.46) 32.3%, oklch(35.70% 0.0562 163.18) 35.5%, oklch(36.98% 0.0585 162.96) 38.7%, oklch(38.25% 0.0608 162.78) 41.9%, oklch(39.49% 0.0631 162.65) 45.2%, oklch(40.73% 0.0653 162.55) 48.4%, oklch(41.96% 0.0675 162.47) 51.6%, oklch(43.17% 0.0698 162.41) 54.8%, oklch(44.38% 0.0719 162.35) 58.1%, oklch(45.59% 0.0741 162.29) 61.3%, oklch(46.79% 0.0763 162.22) 64.5%, oklch(47.99% 0.0784 162.13) 67.7%, oklch(49.25% 0.0806 162.04) 71.0%, oklch(50.58% 0.0829 161.94) 74.2%, oklch(51.93% 0.0853 161.85) 77.4%, oklch(53.27% 0.0876 161.77) 80.6%, oklch(54.58% 0.0899 161.69) 83.9%, oklch(55.83% 0.0920 161.61) 87.1%, oklch(56.98% 0.0940 161.54) 90.3%, oklch(58.00% 0.0958 161.48) 93.5%, oklch(58.87% 0.0973 161.43) 96.8%, oklch(59.56% 0.0985 161.39) 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