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

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

⁨تدرج خطي⁩، 32 لونًا بزاوية ⁨225°⁩: ⁨#be40a4, #2a978b, #f28c8f, #356d06, #a2c6d9⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

#be40a4
#b04bb6
#9b58c7
#8066d1
#5f74d0
#3981c5
#0d8bb3
#02929f
#2a978b
#509b76
#799e60
#a39d50
#c79a51
#e19565
#ef937d
#f4908e
#f28c8f
#e9827d
#db775a
#c46e29
#a06c00
#7c6a00
#5b6900
#356d06
#097333
#007b56
#008975
#2c9793
#54a5ad
#76b3c2
#91bed0
#a2c6d9

CSS

background: linear-gradient(225deg in oklch, oklch(58.27% 0.1943 336.80) 0.0%, oklch(58.40% 0.1857 325.21) 3.2%, oklch(58.49% 0.1733 309.92) 6.5%, oklch(58.59% 0.1584 291.73) 9.7%, oklch(58.76% 0.1425 271.43) 12.9%, oklch(59.06% 0.1270 249.79) 16.1%, oklch(59.55% 0.1133 227.62) 19.4%, oklch(60.28% 0.1028 205.70) 22.6%, oklch(61.34% 0.0968 184.61) 25.8%, oklch(63.17% 0.0951 160.49) 29.0%, oklch(65.66% 0.0965 133.26) 32.3%, oklch(68.47% 0.1002 104.94) 35.5%, oklch(71.24% 0.1054 77.58) 38.7%, oklch(73.62% 0.1112 53.21) 41.9%, oklch(75.27% 0.1167 33.86) 45.2%, oklch(75.83% 0.1211 21.57) 48.4%, oklch(74.87% 0.1240 18.31) 51.6%, oklch(71.93% 0.1276 24.11) 54.8%, oklch(67.57% 0.1315 36.99) 58.1%, oklch(62.44% 0.1354 54.91) 61.3%, oklch(57.22% 0.1203 75.76) 64.5%, oklch(52.56% 0.1085 97.56) 67.7%, oklch(49.15% 0.1146 118.20) 71.0%, oklch(47.64% 0.1375 135.58) 74.2%, oklch(48.57% 0.1315 149.60) 77.4%, oklch(51.63% 0.1105 163.68) 80.6%, oklch(56.21% 0.1037 177.64) 83.9%, oklch(61.71% 0.0943 191.06) 87.1%, oklch(67.51% 0.0798 203.53) 90.3%, oklch(73.02% 0.0662 214.63) 93.5%, oklch(77.62% 0.0548 223.97) 96.8%, oklch(80.71% 0.0469 231.12) 100.0%);

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