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

⁨تدرج خطي⁩، 32 لونًا بزاوية ⁨90°⁩: ⁨#270f63, #3f178e, #6425b3, #883cb9, #c16598⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

#270f63
#291066
#2b106b
#2e1170
#311276
#34137d
#381483
#3c1689
#3f178e
#431894
#471a99
#4c1b9e
#501ca3
#551ea8
#5a20ac
#5f22b0
#6425b3
#6828b5
#6d2bb7
#722eb9
#7731ba
#7c34ba
#8238ba
#883cb9
#9040b7
#9945b3
#a34aae
#ab50a8
#b356a3
#ba5c9e
#be619b
#c16598

CSS

background: linear-gradient(90deg in oklch, oklch(27.17% 0.1337 286.88) 0.0%, oklch(27.79% 0.1371 287.01) 3.2%, oklch(28.62% 0.1417 287.14) 6.5%, oklch(29.60% 0.1472 287.30) 9.7%, oklch(30.70% 0.1533 287.50) 12.9%, oklch(31.87% 0.1596 287.76) 16.1%, oklch(33.05% 0.1657 288.11) 19.4%, oklch(34.21% 0.1713 288.57) 22.6%, oklch(35.31% 0.1761 289.14) 25.8%, oklch(36.40% 0.1808 289.81) 29.0%, oklch(37.51% 0.1855 290.56) 32.3%, oklch(38.64% 0.1901 291.39) 35.5%, oklch(39.77% 0.1944 292.32) 38.7%, oklch(40.91% 0.1981 293.34) 41.9%, oklch(42.04% 0.2011 294.48) 45.2%, oklch(43.15% 0.2033 295.72) 48.4%, oklch(44.24% 0.2044 297.05) 51.6%, oklch(45.28% 0.2048 298.29) 54.8%, oklch(46.30% 0.2046 299.53) 58.1%, oklch(47.31% 0.2038 300.86) 61.3%, oklch(48.33% 0.2022 302.40) 64.5%, oklch(49.38% 0.1998 304.25) 67.7%, oklch(50.48% 0.1966 306.52) 71.0%, oklch(51.66% 0.1927 309.33) 74.2%, oklch(52.97% 0.1874 312.94) 77.4%, oklch(54.49% 0.1802 317.63) 80.6%, oklch(56.12% 0.1716 323.03) 83.9%, oklch(57.79% 0.1623 328.76) 87.1%, oklch(59.40% 0.1531 334.41) 90.3%, oklch(60.86% 0.1445 339.62) 93.5%, oklch(62.09% 0.1374 343.98) 96.8%, oklch(62.99% 0.1323 347.11) 100.0%);

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

تدرجات بثلاثة ألوان تدرجات البنفسجي والوردي

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