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

لوحات Grabient

⁨تدرج خطي⁩ ⁨⁨⁨أزرق⁩ (أحادي اللون)⁩ بدرجات الباستيل⁩

لوحة ألوان ⁨⁨⁨أزرق⁩ (أحادي اللون)⁩ بدرجات الباستيل⁩

⁨تدرج خطي⁩، 32 لونًا بزاوية ⁨135°⁩: ⁨#d9f0ff, #afdbff, #8fd0fa, #80bff2, #8f93e0⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

  • #d9f0ff
  • #d6eeff
  • #d1ecff
  • #cceaff
  • #c6e7ff
  • #c0e4ff
  • #bae1ff
  • #b4deff
  • #afdbff
  • #a9d8ff
  • #a4d6ff
  • #a0d4ff
  • #9dd2fe
  • #99d2fd
  • #96d1fc
  • #92d0fb
  • #8fd0fa
  • #8ccff8
  • #89cef7
  • #87cdf6
  • #84cbf5
  • #82c8f4
  • #81c4f3
  • #80bff2
  • #80baf1
  • #82b3f0
  • #84adee
  • #86a7eb
  • #89a1e8
  • #8b9be5
  • #8e96e2
  • #8f93e0

CSS

background: linear-gradient(135deg in oklch, oklch(94.28% 0.0317 236.33) 0.0%, oklch(93.75% 0.0345 236.85) 3.2%, oklch(93.04% 0.0382 237.58) 6.5%, oklch(92.20% 0.0426 238.50) 9.7%, oklch(91.25% 0.0475 239.52) 12.9%, oklch(90.24% 0.0526 240.58) 16.1%, oklch(89.21% 0.0579 241.61) 19.4%, oklch(88.18% 0.0632 242.55) 22.6%, oklch(87.19% 0.0683 243.34) 25.8%, oklch(86.29% 0.0730 243.92) 29.0%, oklch(85.50% 0.0773 244.21) 32.3%, oklch(84.86% 0.0804 244.08) 35.5%, oklch(84.34% 0.0827 243.31) 38.7%, oklch(83.91% 0.0845 242.08) 41.9%, oklch(83.55% 0.0860 240.55) 45.2%, oklch(83.22% 0.0871 238.92) 48.4%, oklch(82.89% 0.0881 237.37) 51.6%, oklch(82.54% 0.0890 236.07) 54.8%, oklch(82.13% 0.0899 235.23) 58.1%, oklch(81.63% 0.0909 235.01) 61.3%, oklch(81.02% 0.0922 235.60) 64.5%, oklch(80.26% 0.0938 237.20) 67.7%, oklch(79.30% 0.0956 240.02) 71.0%, oklch(78.18% 0.0977 243.88) 74.2%, oklch(76.94% 0.0998 248.51) 77.4%, oklch(75.63% 0.1020 253.66) 80.6%, oklch(74.30% 0.1042 259.06) 83.9%, oklch(73.00% 0.1063 264.46) 87.1%, oklch(71.78% 0.1083 269.58) 90.3%, oklch(70.69% 0.1101 274.18) 93.5%, oklch(69.78% 0.1115 277.98) 96.8%, oklch(69.09% 0.1127 280.74) 100.0%);

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

Light blue gradients

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