پرش به محتوا

پالت‌های Grabient

⁨گرادیان زاویه‌ای⁩ ⁨⁨⁨سیاه⁩، ⁨سبز⁩ و ⁨زرد⁩⁩ بدون درز⁩

پالت رنگ ⁨⁨⁨سیاه⁩، ⁨سبز⁩ و ⁨زرد⁩⁩ بدون درز⁩

⁨گرادیان زاویه‌ای⁩، 34 رنگ با زاویه ⁨90°⁩: ⁨#020202, #00ad45, #edfb7f, #00a237, #020202⁩. ویرایش کنید و خروجی CSS، SVG، PNG یا شیدر بگیرید.

7 کی‌فریم OKLCH ویرایش‌پذیر.

  • #020202
  • #050b0a
  • #0d201a
  • #173a2e
  • #225740
  • #2c724d
  • #2f8853
  • #219c4f
  • #00ad45
  • #00bb38
  • #00c810
  • #48d300
  • #76dd00
  • #a0e800
  • #c5f134
  • #e0f864
  • #eefc7d
  • #edfb7f
  • #dff66a
  • #c4ee45
  • #9ce500
  • #70d900
  • #39ce00
  • #00c121
  • #00b130
  • #00a237
  • #009142
  • #007e4c
  • #006850
  • #004d4b
  • #00323c
  • #041a29
  • #05080f
  • #020202

CSS

background: conic-gradient(from 90deg in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(14.34% 0.0118 177.51) 3.0%, oklch(22.47% 0.0277 172.95) 6.1%, oklch(31.89% 0.0469 167.66) 9.1%, oklch(41.37% 0.0688 162.26) 12.1%, oklch(49.75% 0.0924 157.38) 15.2%, oklch(56.05% 0.1187 153.58) 18.2%, oklch(61.02% 0.1539 150.59) 21.2%, oklch(65.17% 0.1885 148.02) 24.2%, oklch(68.83% 0.2130 145.55) 27.3%, oklch(72.32% 0.2435 142.82) 30.3%, oklch(75.98% 0.2420 139.50) 33.3%, oklch(80.31% 0.2336 134.76) 36.4%, oklch(85.10% 0.2250 128.79) 39.4%, oklch(89.67% 0.2051 122.69) 42.4%, oklch(93.34% 0.1727 117.57) 45.5%, oklch(95.43% 0.1511 114.52) 48.5%, oklch(95.29% 0.1494 114.60) 51.5%, oklch(92.93% 0.1663 117.71) 54.5%, oklch(89.00% 0.1938 122.87) 57.6%, oklch(84.15% 0.2234 129.08) 60.6%, oklch(79.07% 0.2322 135.30) 63.6%, oklch(74.41% 0.2424 140.55) 66.7%, oklch(70.28% 0.2309 143.58) 69.7%, oklch(66.20% 0.2082 145.01) 72.7%, oklch(61.95% 0.1862 146.59) 75.8%, oklch(57.33% 0.1576 150.08) 78.8%, oklch(52.11% 0.1236 157.23) 81.8%, oklch(45.93% 0.0908 170.13) 84.8%, oklch(38.08% 0.0656 190.56) 87.9%, oklch(29.37% 0.0520 215.38) 90.9%, oklch(20.80% 0.0413 240.61) 93.9%, oklch(13.43% 0.0171 262.73) 97.0%, oklch(8.27% 0.0000 89.88) 100.0%);

در این مجموعه‌ها

گرادیان‌های سبزگرادیان‌های جمعه سیاه

پالت‌های مشابهمجموعه‌هادانلود PNGJSON پالتMarkdownنحوه کار