⁨تدرج خطي⁩ ⁨⁨⁨من ⁨أزرق⁩ إلى ⁨لافندر⁩⁩ (ألوان متجاورة)⁩ بدرجات الباستيل⁩

⁨لوحة ⁨⁨⁨من ⁨أزرق⁩ إلى ⁨لافندر⁩⁩ (ألوان متجاورة)⁩ بدرجات الباستيل⁩ من 32 لونًا.⁩ ⁨#ecf8ff, #aceee8, #e9dfff⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

#ecf8ff
#e8f6ff
#e2f4ff
#dbf1ff
#d3efff
#ccecff
#c6eafd
#c0e8fb
#bbe7f9
#b6e5f7
#b1e5f4
#ade5f2
#aae7f0
#a8e9ee
#a8eceb
#a9ede9
#aceee8
#b1eee8
#b7ede8
#bdedea
#c1ecec
#c4ebef
#c6e9f2
#c9e6f5
#cde2f7
#d1dff8
#d6def8
#daddf9
#dfddfb
#e3defd
#e6deff
#e9dfff

CSS

background: linear-gradient(135deg in oklch, oklch(97.24% 0.0156 233.39) 0.0%, oklch(96.61% 0.0192 233.49) 3.2%, oklch(95.70% 0.0244 233.76) 6.5%, oklch(94.66% 0.0304 233.90) 9.7%, oklch(93.60% 0.0367 233.62) 12.9%, oklch(92.66% 0.0420 232.64) 16.1%, oklch(91.83% 0.0458 230.78) 19.4%, oklch(90.98% 0.0491 228.28) 22.6%, oklch(90.19% 0.0520 225.23) 25.8%, oklch(89.53% 0.0546 221.74) 29.0%, oklch(89.07% 0.0571 217.88) 32.3%, oklch(88.90% 0.0596 213.37) 35.5%, oklch(89.01% 0.0627 207.49) 38.7%, oklch(89.30% 0.0655 201.15) 41.9%, oklch(89.67% 0.0675 195.39) 45.2%, oklch(90.02% 0.0680 191.25) 48.4%, oklch(90.28% 0.0663 189.42) 51.6%, oklch(90.57% 0.0619 188.67) 54.8%, oklch(90.87% 0.0558 189.20) 58.1%, oklch(91.13% 0.0494 191.51) 61.3%, oklch(91.30% 0.0439 196.10) 64.5%, oklch(91.32% 0.0404 203.63) 67.7%, oklch(91.12% 0.0384 215.72) 71.0%, oklch(90.79% 0.0373 230.93) 74.2%, oklch(90.44% 0.0369 247.03) 77.4%, oklch(90.20% 0.0369 261.80) 80.6%, oklch(90.17% 0.0373 273.05) 83.9%, oklch(90.43% 0.0384 281.35) 87.1%, oklch(90.86% 0.0402 287.89) 90.3%, oklch(91.36% 0.0423 292.98) 93.5%, oklch(91.82% 0.0442 296.92) 96.8%, oklch(92.13% 0.0444 300.02) 100.0%);

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

تدرجات فاتحة متعددة الألوان

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