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

لوحات Grabient

⁨تدرج شعاعي⁩ ⁨⁨⁨من ⁨أزرق⁩ إلى ⁨كحلي⁩⁩ (أحادي اللون)⁩ بدرجات زاهية⁩

⁨لوحة ⁨⁨⁨من ⁨أزرق⁩ إلى ⁨كحلي⁩⁩ (أحادي اللون)⁩ بدرجات زاهية⁩ من 64 لونًا.⁩ ⁨#6896fd, #2c35c5, #02155e⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

  • #6896fd
  • #6594fb
  • #6092f9
  • #5b8ef6
  • #558bf2
  • #4e87ee
  • #4683ea
  • #3e7ee6
  • #367ae2
  • #2e76df
  • #2572dc
  • #1d6eda
  • #166bd9
  • #1067d9
  • #0e64db
  • #1161de
  • #175de3
  • #1e59e8
  • #2655ed
  • #2e50f2
  • #354bf7
  • #3c46fc
  • #4241ff
  • #463eff
  • #493aff
  • #4936ff
  • #4833fd
  • #4632f7
  • #4232ef
  • #3d32e5
  • #3833db
  • #3234d0
  • #2c35c5
  • #2637bb
  • #2138b1
  • #1c3aa9
  • #183da3
  • #14419f
  • #12459e
  • #0f4ca0
  • #0e55a5
  • #0e60ad
  • #106cb6
  • #147ac0
  • #1a87ca
  • #2195d4
  • #28a1dd
  • #2face5
  • #34b4eb
  • #38baee
  • #3abbef
  • #38b9ec
  • #34b2e6
  • #2ca7dd
  • #2399d2
  • #188ac5
  • #0a79b7
  • #0068a8
  • #005797
  • #004688
  • #003779
  • #002a6e
  • #001d66
  • #02155e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.1598 264.37) 0.0%, oklch(68.18% 0.1610 264.02) 1.6%, oklch(67.23% 0.1622 263.48) 3.2%, oklch(66.11% 0.1635 262.80) 4.8%, oklch(64.83% 0.1649 262.03) 6.3%, oklch(63.46% 0.1664 261.21) 7.9%, oklch(62.03% 0.1682 260.39) 9.5%, oklch(60.57% 0.1703 259.61) 11.1%, oklch(59.13% 0.1726 258.91) 12.7%, oklch(57.76% 0.1753 258.34) 14.3%, oklch(56.48% 0.1785 257.94) 15.9%, oklch(55.35% 0.1820 257.76) 17.5%, oklch(54.40% 0.1861 257.84) 19.0%, oklch(53.67% 0.1908 258.24) 20.6%, oklch(53.13% 0.1971 259.06) 22.2%, oklch(52.75% 0.2050 260.25) 23.8%, oklch(52.50% 0.2139 261.74) 25.4%, oklch(52.35% 0.2235 263.44) 27.0%, oklch(52.27% 0.2334 265.26) 28.6%, oklch(52.24% 0.2432 267.14) 30.2%, oklch(52.21% 0.2525 268.98) 31.7%, oklch(52.17% 0.2609 270.72) 33.3%, oklch(52.09% 0.2679 272.25) 34.9%, oklch(51.93% 0.2699 273.52) 36.5%, oklch(51.67% 0.2722 274.43) 38.1%, oklch(51.28% 0.2751 274.91) 39.7%, oklch(50.67% 0.2749 274.96) 41.3%, oklch(49.77% 0.2698 274.75) 42.9%, oklch(48.65% 0.2622 274.29) 44.4%, oklch(47.37% 0.2527 273.62) 46.0%, oklch(46.02% 0.2417 272.75) 47.6%, oklch(44.67% 0.2297 271.70) 49.2%, oklch(43.40% 0.2170 270.48) 50.8%, oklch(42.27% 0.2043 269.13) 52.4%, oklch(41.38% 0.1918 267.64) 54.0%, oklch(40.78% 0.1802 266.05) 55.6%, oklch(40.55% 0.1698 264.38) 57.1%, oklch(40.78% 0.1611 262.64) 58.7%, oklch(41.54% 0.1546 260.83) 60.3%, oklch(43.15% 0.1495 258.61) 61.9%, oklch(45.60% 0.1453 255.90) 63.5%, oklch(48.69% 0.1420 252.82) 65.1%, oklch(52.25% 0.1394 249.50) 66.7%, oklch(56.07% 0.1374 246.07) 68.3%, oklch(59.97% 0.1359 242.65) 69.8%, oklch(63.77% 0.1347 239.37) 71.4%, oklch(67.27% 0.1339 236.36) 73.0%, oklch(70.29% 0.1333 233.75) 74.6%, oklch(72.64% 0.1327 231.65) 76.2%, oklch(74.13% 0.1320 230.20) 77.8%, oklch(74.57% 0.1313 229.53) 79.4%, oklch(73.78% 0.1304 229.76) 81.0%, oklch(71.76% 0.1297 230.95) 82.5%, oklch(68.71% 0.1293 232.96) 84.1%, oklch(64.82% 0.1291 235.63) 85.7%, oklch(60.28% 0.1291 238.81) 87.3%, oklch(55.31% 0.1292 242.35) 88.9%, oklch(50.10% 0.1292 246.12) 90.5%, oklch(44.84% 0.1267 249.93) 92.1%, oklch(39.73% 0.1250 253.64) 93.7%, oklch(34.98% 0.1247 257.11) 95.2%, oklch(30.78% 0.1268 260.18) 96.8%, oklch(27.31% 0.1308 262.59) 98.4%, oklch(24.80% 0.1309 264.38) 100.0%);

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

تدرجات الأزرق الكهربائي

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