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

لوحات Grabient

⁨تدرج زاوي⁩ ⁨⁨أبيض⁩ و⁨أزرق⁩ و⁨بنفسجي⁩ و⁨عنابي⁩⁩

⁨لوحة ⁨⁨أبيض⁩ و⁨أزرق⁩ و⁨بنفسجي⁩ و⁨عنابي⁩⁩ من 96 لونًا.⁩ ⁨#f5efe4, #b9c9d8, #2d5dc5, #d8324b, #571d31⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

  • #f5efe4
  • #f3eee3
  • #f2ede2
  • #f0ede2
  • #eeece1
  • #ebece1
  • #e9ebe0
  • #e7eae0
  • #e4e9e0
  • #e2e8e0
  • #e0e7e0
  • #dde6e0
  • #dbe4e0
  • #d9e3df
  • #d7e1df
  • #d4dfde
  • #d2dddd
  • #cfdbdd
  • #cdd9dc
  • #cad7db
  • #c7d4db
  • #c4d2da
  • #c1cfd9
  • #bdccd9
  • #b9c9d8
  • #b5c5d7
  • #b1c2d6
  • #abbdd6
  • #a5b9d5
  • #9fb4d4
  • #98afd3
  • #91aad2
  • #89a5d1
  • #81a0cf
  • #799bce
  • #7096cd
  • #6791cc
  • #5e8cca
  • #5587c9
  • #4b83c8
  • #427ec6
  • #397ac5
  • #3075c5
  • #2971c4
  • #236dc4
  • #2069c4
  • #2165c4
  • #2561c4
  • #2d5dc5
  • #3559c6
  • #3f55c7
  • #4952c8
  • #534ec9
  • #5e4bc9
  • #6947c8
  • #7444c6
  • #7e41c4
  • #893ec0
  • #943bbb
  • #9e39b4
  • #a836ad
  • #b134a5
  • #ba329c
  • #c13093
  • #c82f89
  • #ce2e7f
  • #d22e76
  • #d52f6c
  • #d83063
  • #d9315a
  • #d93252
  • #d8324b
  • #d63345
  • #d33340
  • #cf333c
  • #cb323a
  • #c63238
  • #c13137
  • #bb3036
  • #b42f36
  • #ae2d37
  • #a72c37
  • #a02b38
  • #992938
  • #922838
  • #8b2738
  • #842638
  • #7e2438
  • #772338
  • #712237
  • #6b2136
  • #662035
  • #621f34
  • #5d1e33
  • #5a1e32
  • #571d31

CSS

background: conic-gradient(from 220deg in oklch, oklch(95.28% 0.0152 80.86) 0.0%, oklch(95.01% 0.0153 84.77) 1.1%, oklch(94.74% 0.0153 89.46) 2.1%, oklch(94.46% 0.0151 94.87) 3.2%, oklch(94.17% 0.0148 100.92) 4.2%, oklch(93.86% 0.0144 107.55) 5.3%, oklch(93.53% 0.0140 114.67) 6.3%, oklch(93.19% 0.0135 122.23) 7.4%, oklch(92.82% 0.0131 130.14) 8.4%, oklch(92.44% 0.0126 138.34) 9.5%, oklch(92.03% 0.0122 146.76) 10.5%, oklch(91.59% 0.0119 155.33) 11.6%, oklch(91.13% 0.0117 163.97) 12.6%, oklch(90.64% 0.0116 172.62) 13.7%, oklch(90.12% 0.0117 181.20) 14.7%, oklch(89.57% 0.0119 189.64) 15.8%, oklch(88.98% 0.0124 197.87) 16.8%, oklch(88.35% 0.0131 205.82) 17.9%, oklch(87.69% 0.0141 213.42) 18.9%, oklch(86.99% 0.0153 220.60) 20.0%, oklch(86.25% 0.0169 227.29) 21.1%, oklch(85.47% 0.0189 233.42) 22.1%, oklch(84.64% 0.0212 238.90) 23.2%, oklch(83.76% 0.0239 243.69) 24.2%, oklch(82.83% 0.0270 247.70) 25.3%, oklch(81.79% 0.0307 250.98) 26.3%, oklch(80.63% 0.0351 253.62) 27.4%, oklch(79.36% 0.0400 255.67) 28.4%, oklch(77.98% 0.0453 257.18) 29.5%, oklch(76.52% 0.0511 258.22) 30.5%, oklch(75.00% 0.0573 258.84) 31.6%, oklch(73.41% 0.0638 259.10) 32.6%, oklch(71.78% 0.0706 259.05) 33.7%, oklch(70.11% 0.0776 258.75) 34.7%, oklch(68.43% 0.0848 258.26) 35.8%, oklch(66.75% 0.0921 257.64) 36.8%, oklch(65.07% 0.0994 256.94) 37.9%, oklch(63.42% 0.1067 256.21) 38.9%, oklch(61.80% 0.1140 255.52) 40.0%, oklch(60.23% 0.1211 254.92) 41.1%, oklch(58.73% 0.1281 254.47) 42.1%, oklch(57.30% 0.1348 254.23) 43.2%, oklch(55.96% 0.1413 254.24) 44.2%, oklch(54.72% 0.1474 254.58) 45.3%, oklch(53.60% 0.1532 255.29) 46.3%, oklch(52.61% 0.1585 256.44) 47.4%, oklch(51.76% 0.1633 258.07) 48.4%, oklch(51.07% 0.1676 260.25) 49.5%, oklch(50.55% 0.1713 263.03) 50.5%, oklch(50.22% 0.1748 266.38) 51.6%, oklch(50.06% 0.1781 270.26) 52.6%, oklch(50.07% 0.1813 274.60) 53.7%, oklch(50.21% 0.1843 279.36) 54.7%, oklch(50.48% 0.1872 284.48) 55.8%, oklch(50.86% 0.1898 289.92) 56.8%, oklch(51.34% 0.1923 295.61) 57.9%, oklch(51.89% 0.1945 301.50) 58.9%, oklch(52.50% 0.1966 307.55) 60.0%, oklch(53.16% 0.1984 313.69) 61.1%, oklch(53.85% 0.2000 319.87) 62.1%, oklch(54.55% 0.2014 326.05) 63.2%, oklch(55.24% 0.2026 332.17) 64.2%, oklch(55.91% 0.2035 338.17) 65.3%, oklch(56.55% 0.2042 344.01) 66.3%, oklch(57.13% 0.2047 349.62) 67.4%, oklch(57.65% 0.2048 354.97) 68.4%, oklch(58.08% 0.2048 359.98) 69.5%, oklch(58.40% 0.2044 4.62) 70.5%, oklch(58.61% 0.2038 8.82) 71.6%, oklch(58.68% 0.2029 12.54) 72.6%, oklch(58.60% 0.2017 15.72) 73.7%, oklch(58.36% 0.2002 18.31) 74.7%, oklch(57.94% 0.1983 20.31) 75.8%, oklch(57.36% 0.1958 21.82) 76.8%, oklch(56.65% 0.1926 22.88) 77.9%, oklch(55.81% 0.1890 23.53) 78.9%, oklch(54.86% 0.1848 23.80) 80.0%, oklch(53.80% 0.1802 23.73) 81.1%, oklch(52.66% 0.1752 23.34) 82.1%, oklch(51.45% 0.1699 22.68) 83.2%, oklch(50.17% 0.1643 21.77) 84.2%, oklch(48.85% 0.1586 20.65) 85.3%, oklch(47.49% 0.1526 19.36) 86.3%, oklch(46.11% 0.1466 17.93) 87.4%, oklch(44.73% 0.1406 16.39) 88.4%, oklch(43.34% 0.1346 14.77) 89.5%, oklch(41.98% 0.1287 13.11) 90.5%, oklch(40.65% 0.1229 11.45) 91.6%, oklch(39.36% 0.1173 9.81) 92.6%, oklch(38.13% 0.1119 8.23) 93.7%, oklch(36.96% 0.1068 6.75) 94.7%, oklch(35.89% 0.1022 5.40) 95.8%, oklch(34.91% 0.0979 4.21) 96.8%, oklch(34.04% 0.0941 3.22) 97.9%, oklch(33.29% 0.0909 2.45) 98.9%, oklch(32.68% 0.0882 1.96) 100.0%);

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

مرصّع

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