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

لوحة ألوان ⁨⁨⁨سماوي⁩ و⁨أزرق⁩ و⁨بنفسجي⁩ و⁨برتقالي⁩⁩ بدرجات زاهية⁩

⁨تدرج خطي⁩، 32 لونًا بزاوية ⁨45°⁩: ⁨#15f0ff, #00b4e8, #6760f2, #fd3c9d, #ff752f⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

#15f0ff
#00ebfe
#00e5fb
#01def7
#09d6f3
#0dcdef
#0cc5eb
#06bce9
#00b4e8
#00ace7
#00a2e7
#0097e7
#008cec
#2480ee
#3c74f0
#516af1
#6760f2
#7e58f0
#9750ec
#b04ae3
#c844d6
#de40c5
#f03db1
#fd3c9d
#ff4a8b
#ff567b
#ff5f6d
#ff6560
#ff6a53
#ff6e47
#ff723a
#ff752f

CSS

background: linear-gradient(45deg in oklch, oklch(87.01% 0.1464 203.20) 0.0%, oklch(85.84% 0.1466 204.88) 3.2%, oklch(84.28% 0.1445 206.93) 6.5%, oklch(82.43% 0.1422 209.35) 9.7%, oklch(80.37% 0.1394 212.16) 12.9%, oklch(78.20% 0.1372 215.38) 16.1%, oklch(76.02% 0.1362 219.03) 19.4%, oklch(73.91% 0.1370 223.10) 22.6%, oklch(71.96% 0.1398 227.63) 25.8%, oklch(69.83% 0.1433 232.49) 29.0%, oklch(67.48% 0.1489 237.71) 32.3%, oklch(65.09% 0.1584 243.33) 35.5%, oklch(62.80% 0.1750 249.41) 38.7%, oklch(60.77% 0.1859 255.98) 41.9%, oklch(59.16% 0.1960 263.14) 45.2%, oklch(58.12% 0.2046 270.92) 48.4%, oklch(57.83% 0.2113 279.50) 51.6%, oklch(58.33% 0.2176 289.43) 54.8%, oklch(59.45% 0.2236 300.41) 58.1%, oklch(60.99% 0.2290 312.00) 61.3%, oklch(62.76% 0.2335 323.74) 64.5%, oklch(64.56% 0.2368 335.17) 67.7%, oklch(66.20% 0.2386 345.86) 71.0%, oklch(67.48% 0.2387 355.36) 74.2%, oklch(68.35% 0.2199 3.60) 77.4%, oklch(69.08% 0.2044 11.34) 80.6%, oklch(69.71% 0.1946 18.53) 83.9%, oklch(70.24% 0.1888 25.11) 87.1%, oklch(70.69% 0.1860 31.02) 90.3%, oklch(71.06% 0.1853 36.18) 93.5%, oklch(71.38% 0.1858 40.52) 96.8%, oklch(71.65% 0.1860 43.99) 100.0%);

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

تدرجات زاهية متعددة الألوان

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