پرش به محتوا

پالت‌های Grabient

⁨گرادیان خطی⁩ ⁨⁨بنفش تیره⁩، ⁨بنفش⁩، ⁨صورتی⁩ و ⁨صورتی روشن⁩⁩

⁨گرادیان خطی⁩، 96 رنگ با زاویه ⁨315°⁩: ⁨#28123a, #7629c7, #d648d3, #f993c9, #fdf4ff⁩. ویرایش کنید و خروجی CSS، SVG، PNG یا شیدر بگیرید.

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

  • #28123a
  • #29133c
  • #2b133f
  • #2d1443
  • #301547
  • #32154b
  • #351650
  • #381755
  • #3b185a
  • #3e1960
  • #411a66
  • #451b6c
  • #481c73
  • #4c1c79
  • #4f1d80
  • #531e87
  • #571f8e
  • #5b2096
  • #5f229d
  • #6223a4
  • #6624ab
  • #6a25b3
  • #6e26b9
  • #7227c0
  • #7629c7
  • #7a2acd
  • #7e2bd3
  • #822dd8
  • #852edd
  • #8930e1
  • #8d31e5
  • #9133e9
  • #9534eb
  • #9936ed
  • #9d37ee
  • #a138ef
  • #a539ef
  • #a93bef
  • #ae3cee
  • #b23ded
  • #b63eeb
  • #bb3fe9
  • #bf40e7
  • #c341e4
  • #c742e1
  • #cb44dd
  • #cf45da
  • #d246d6
  • #d648d3
  • #d94acf
  • #dc4ccc
  • #df4ec8
  • #e150c5
  • #e452c2
  • #e655bf
  • #e858bc
  • #ea5aba
  • #eb5db8
  • #ed60b6
  • #ee63b5
  • #f066b4
  • #f16ab4
  • #f26db4
  • #f371b5
  • #f474b6
  • #f578b8
  • #f67cba
  • #f780bd
  • #f885c0
  • #f889c3
  • #f98ec6
  • #f993c9
  • #f997cd
  • #fa9cd1
  • #faa1d4
  • #faa6d8
  • #faabdc
  • #fab0df
  • #fab5e2
  • #fabae6
  • #fabee9
  • #f9c3ec
  • #f9c8ee
  • #f9ccf1
  • #f9d0f3
  • #f9d5f5
  • #fad9f7
  • #faddf8
  • #fae0fa
  • #fae4fb
  • #fbe7fc
  • #fbeafd
  • #fcedfd
  • #fceffe
  • #fcf2ff
  • #fdf4ff

CSS

background: linear-gradient(315deg in oklch, oklch(23.62% 0.0758 306.56) 0.0%, oklch(24.17% 0.0789 306.47) 1.1%, oklch(24.80% 0.0825 306.32) 2.1%, oklch(25.49% 0.0867 306.12) 3.2%, oklch(26.25% 0.0913 305.87) 4.2%, oklch(27.08% 0.0964 305.59) 5.3%, oklch(27.96% 0.1019 305.27) 6.3%, oklch(28.89% 0.1078 304.93) 7.4%, oklch(29.88% 0.1139 304.56) 8.4%, oklch(30.90% 0.1204 304.17) 9.5%, oklch(31.97% 0.1271 303.77) 10.5%, oklch(33.07% 0.1340 303.37) 11.6%, oklch(34.20% 0.1410 302.96) 12.6%, oklch(35.35% 0.1482 302.56) 13.7%, oklch(36.53% 0.1555 302.16) 14.7%, oklch(37.73% 0.1627 301.78) 15.8%, oklch(38.93% 0.1700 301.42) 16.8%, oklch(40.15% 0.1772 301.08) 17.9%, oklch(41.36% 0.1844 300.77) 18.9%, oklch(42.58% 0.1914 300.50) 20.0%, oklch(43.78% 0.1983 300.27) 21.1%, oklch(44.98% 0.2049 300.08) 22.1%, oklch(46.17% 0.2113 299.95) 23.2%, oklch(47.33% 0.2174 299.87) 24.2%, oklch(48.47% 0.2232 299.85) 25.3%, oklch(49.58% 0.2286 299.90) 26.3%, oklch(50.65% 0.2336 300.02) 27.4%, oklch(51.69% 0.2381 300.22) 28.4%, oklch(52.69% 0.2422 300.51) 29.5%, oklch(53.64% 0.2457 300.88) 30.5%, oklch(54.54% 0.2486 301.34) 31.6%, oklch(55.38% 0.2510 301.90) 32.6%, oklch(56.16% 0.2527 302.57) 33.7%, oklch(56.90% 0.2539 303.40) 34.7%, oklch(57.60% 0.2547 304.40) 35.8%, oklch(58.27% 0.2551 305.54) 36.8%, oklch(58.90% 0.2552 306.83) 37.9%, oklch(59.51% 0.2549 308.24) 38.9%, oklch(60.08% 0.2542 309.77) 40.0%, oklch(60.63% 0.2533 311.40) 41.1%, oklch(61.16% 0.2520 313.12) 42.1%, oklch(61.67% 0.2505 314.92) 43.2%, oklch(62.16% 0.2486 316.79) 44.2%, oklch(62.63% 0.2465 318.71) 45.3%, oklch(63.09% 0.2442 320.67) 46.3%, oklch(63.53% 0.2417 322.66) 47.4%, oklch(63.97% 0.2389 324.67) 48.4%, oklch(64.40% 0.2360 326.69) 49.5%, oklch(64.83% 0.2328 328.70) 50.5%, oklch(65.25% 0.2296 330.69) 51.6%, oklch(65.68% 0.2261 332.65) 52.6%, oklch(66.10% 0.2226 334.57) 53.7%, oklch(66.53% 0.2189 336.43) 54.7%, oklch(66.97% 0.2152 338.23) 55.8%, oklch(67.41% 0.2114 339.94) 56.8%, oklch(67.87% 0.2075 341.57) 57.9%, oklch(68.34% 0.2036 343.08) 58.9%, oklch(68.83% 0.1996 344.49) 60.0%, oklch(69.34% 0.1956 345.76) 61.1%, oklch(69.86% 0.1917 346.90) 62.1%, oklch(70.41% 0.1877 347.88) 63.2%, oklch(70.99% 0.1838 348.69) 64.2%, oklch(71.59% 0.1800 349.33) 65.3%, oklch(72.22% 0.1762 349.78) 66.3%, oklch(72.89% 0.1725 350.04) 67.4%, oklch(73.60% 0.1684 350.12) 68.4%, oklch(74.34% 0.1641 350.03) 69.5%, oklch(75.12% 0.1595 349.78) 70.5%, oklch(75.92% 0.1547 349.39) 71.6%, oklch(76.76% 0.1496 348.86) 72.6%, oklch(77.62% 0.1444 348.20) 73.7%, oklch(78.50% 0.1390 347.43) 74.7%, oklch(79.40% 0.1335 346.56) 75.8%, oklch(80.31% 0.1279 345.58) 76.8%, oklch(81.23% 0.1221 344.52) 77.9%, oklch(82.17% 0.1163 343.39) 78.9%, oklch(83.11% 0.1104 342.19) 80.0%, oklch(84.05% 0.1045 340.93) 81.1%, oklch(84.98% 0.0985 339.63) 82.1%, oklch(85.92% 0.0926 338.29) 83.2%, oklch(86.84% 0.0867 336.93) 84.2%, oklch(87.76% 0.0809 335.55) 85.3%, oklch(88.66% 0.0752 334.17) 86.3%, oklch(89.54% 0.0695 332.79) 87.4%, oklch(90.41% 0.0640 331.43) 88.4%, oklch(91.25% 0.0586 330.09) 89.5%, oklch(92.06% 0.0534 328.79) 90.5%, oklch(92.84% 0.0484 327.53) 91.6%, oklch(93.59% 0.0436 326.32) 92.6%, oklch(94.31% 0.0391 325.19) 93.7%, oklch(94.98% 0.0348 324.13) 94.7%, oklch(95.61% 0.0307 323.15) 95.8%, oklch(96.19% 0.0270 322.27) 96.8%, oklch(96.73% 0.0236 321.49) 97.9%, oklch(97.21% 0.0206 320.83) 98.9%, oklch(97.64% 0.0179 320.30) 100.0%);

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

گرادیان‌های بخش هیرو

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