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

لوحات Grabient

⁨تدرج خطي⁩ ⁨⁨⁨بيج⁩ و⁨عنابي⁩ و⁨خوخي⁩⁩ (ألوان متجاورة)⁩

⁨لوحة ⁨⁨⁨بيج⁩ و⁨عنابي⁩ و⁨خوخي⁩⁩ (ألوان متجاورة)⁩ من 40 لونًا.⁩ ⁨#fff1dc, #9b524b, #c78b7a, #ffe1cb, #f1af88⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

40 لونًا، 4 إطارات رئيسية قابلة للتحرير في OKLCH.

  • #fff1dc
  • #fae8d1
  • #f2dcc2
  • #e8cdb1
  • #debc9f
  • #d2a98d
  • #c7967b
  • #bb836c
  • #b0715e
  • #a56153
  • #9b524b
  • #934746
  • #8e4043
  • #8b3d42
  • #8d3e44
  • #924448
  • #994e4e
  • #a35a56
  • #ae6961
  • #ba796d
  • #c78b7a
  • #d39c89
  • #dfad98
  • #e9bda6
  • #f3cab3
  • #fad5bd
  • #ffdcc4
  • #ffe0ca
  • #ffe2cd
  • #ffe1cb
  • #ffdec6
  • #ffd9be
  • #ffd3b5
  • #fecdac
  • #fbc7a4
  • #f8c19c
  • #f6bb96
  • #f4b690
  • #f2b28b
  • #f1af88

CSS

background: linear-gradient(225deg in oklch, oklch(96.46% 0.0318 79.47) 0.0%, oklch(93.99% 0.0367 76.48) 2.6%, oklch(90.56% 0.0417 72.40) 5.1%, oklch(86.38% 0.0478 67.46) 7.7%, oklch(81.64% 0.0548 61.86) 10.3%, oklch(76.53% 0.0622 55.82) 12.8%, oklch(71.26% 0.0699 49.57) 15.4%, oklch(66.03% 0.0776 43.32) 17.9%, oklch(61.02% 0.0850 37.29) 20.5%, oklch(56.45% 0.0918 31.70) 23.1%, oklch(52.51% 0.0977 26.78) 25.6%, oklch(49.40% 0.1025 22.73) 28.2%, oklch(47.32% 0.1058 19.79) 30.8%, oklch(46.46% 0.1075 18.16) 33.3%, oklch(46.97% 0.1072 17.95) 35.9%, oklch(48.74% 0.1050 18.97) 38.5%, oklch(51.55% 0.1013 21.02) 41.0%, oklch(55.21% 0.0965 23.93) 43.6%, oklch(59.49% 0.0908 27.48) 46.2%, oklch(64.21% 0.0845 31.50) 48.7%, oklch(69.14% 0.0779 35.78) 51.3%, oklch(74.08% 0.0714 40.13) 53.8%, oklch(78.83% 0.0653 44.36) 56.4%, oklch(83.18% 0.0599 48.28) 59.0%, oklch(86.91% 0.0555 51.69) 61.5%, oklch(89.83% 0.0524 54.39) 64.1%, oklch(91.73% 0.0505 56.21) 66.7%, oklch(92.70% 0.0448 57.26) 69.2%, oklch(93.03% 0.0430 57.85) 71.8%, oklch(92.81% 0.0445 58.04) 74.4%, oklch(92.13% 0.0489 57.89) 76.9%, oklch(91.09% 0.0555 57.47) 79.5%, oklch(89.78% 0.0638 56.85) 82.1%, oklch(88.29% 0.0712 56.07) 84.6%, oklch(86.71% 0.0759 55.22) 87.2%, oklch(85.13% 0.0805 54.35) 89.7%, oklch(83.65% 0.0847 53.53) 92.3%, oklch(82.36% 0.0885 52.82) 94.9%, oklch(81.35% 0.0915 52.28) 97.4%, oklch(80.71% 0.0937 51.98) 100.0%);

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

خوخي

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