انتقل إلى المحتوى

لوحات Grabient

⁨تدرج خطي⁩ ⁨⁨من ⁨أسود⁩ إلى ⁨أخضر⁩⁩ (أحادي اللون)⁩

لوحة ألوان ⁨⁨من ⁨أسود⁩ إلى ⁨أخضر⁩⁩ (أحادي اللون)⁩

⁨تدرج خطي⁩، 32 لونًا بزاوية ⁨135°⁩: ⁨#0b1d13, #133623, #1e553c, #42795b, #86a789⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

4 إطارات رئيسية قابلة للتحرير في OKLCH.

  • #0b1d13
  • #0c1f14
  • #0c2116
  • #0d2418
  • #0e271a
  • #0f2a1c
  • #112e1e
  • #123221
  • #133623
  • #153a26
  • #163e29
  • #18422c
  • #19452f
  • #1b4932
  • #1c4d35
  • #1d5139
  • #1e553c
  • #205a40
  • #235e44
  • #276348
  • #2b684c
  • #316d51
  • #397255
  • #42795b
  • #4b7f61
  • #558667
  • #608d6e
  • #699374
  • #72997b
  • #7a9f80
  • #81a385
  • #86a789

CSS

background: linear-gradient(135deg in oklch, oklch(21.15% 0.0314 157.89) 0.0%, oklch(21.83% 0.0330 157.87) 3.2%, oklch(22.69% 0.0351 157.83) 6.5%, oklch(23.69% 0.0376 157.78) 9.7%, oklch(24.82% 0.0404 157.72) 12.9%, oklch(26.05% 0.0434 157.67) 16.1%, oklch(27.36% 0.0466 157.63) 19.4%, oklch(28.71% 0.0497 157.62) 22.6%, oklch(30.08% 0.0527 157.64) 25.8%, oklch(31.45% 0.0556 157.69) 29.0%, oklch(32.79% 0.0582 157.80) 32.3%, oklch(34.09% 0.0605 158.00) 35.5%, oklch(35.38% 0.0629 158.37) 38.7%, oklch(36.67% 0.0654 158.87) 41.9%, oklch(37.97% 0.0680 159.44) 45.2%, oklch(39.31% 0.0704 160.03) 48.4%, oklch(40.68% 0.0726 160.59) 51.6%, oklch(42.11% 0.0745 161.05) 54.8%, oklch(43.59% 0.0761 161.37) 58.1%, oklch(45.15% 0.0773 161.48) 61.3%, oklch(46.79% 0.0779 161.34) 64.5%, oklch(48.55% 0.0779 160.89) 67.7%, oklch(50.55% 0.0770 160.04) 71.0%, oklch(52.78% 0.0755 158.86) 74.2%, oklch(55.15% 0.0733 157.43) 77.4%, oklch(57.61% 0.0708 155.83) 80.6%, oklch(60.05% 0.0680 154.15) 83.9%, oklch(62.42% 0.0652 152.46) 87.1%, oklch(64.62% 0.0625 150.86) 90.3%, oklch(66.59% 0.0600 149.42) 93.5%, oklch(68.25% 0.0580 148.24) 96.8%, oklch(69.52% 0.0566 147.38) 100.0%);

في هذه المجموعات

Dark green gradients

لوحات مشابهةالمجموعاتنزّل PNGاللوحة بصيغة JSONMarkdownكيف يعمل