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

لوحة ألوان ⁨⁨أسود⁩ و⁨أخضر⁩ و⁨أزرق⁩ و⁨بنفسجي⁩⁩

⁨تدرج خطي⁩، 32 لونًا بزاوية ⁨135°⁩: ⁨#09130b, #2a532e, #62ab56, #7662a0, #412b62⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

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

#09130b
#0b170e
#0e1d11
#122415
#162d1a
#1a361f
#1f3f24
#24492a
#2a532e
#335e32
#416b34
#517834
#628433
#709033
#789a37
#75a442
#62ab56
#34ae75
#00a996
#009eae
#2690c0
#567ebe
#6c6eb0
#7662a0
#775993
#735187
#6b487e
#614176
#573a70
#4e346b
#462e66
#412b62

CSS

background: linear-gradient(135deg in oklch, oklch(17.32% 0.0220 149.77) 0.0%, oklch(19.05% 0.0262 149.57) 3.2%, oklch(21.31% 0.0315 149.38) 6.5%, oklch(24.00% 0.0379 149.16) 9.7%, oklch(27.01% 0.0451 148.87) 12.9%, oklch(30.24% 0.0528 148.47) 16.1%, oklch(33.58% 0.0607 147.95) 19.4%, oklch(36.93% 0.0686 147.25) 22.6%, oklch(40.20% 0.0764 146.26) 25.8%, oklch(43.95% 0.0853 143.26) 29.0%, oklch(48.19% 0.0955 138.53) 32.3%, oklch(52.63% 0.1062 133.25) 35.5%, oklch(56.96% 0.1165 128.64) 38.7%, oklch(60.88% 0.1258 125.88) 41.9%, oklch(64.09% 0.1332 126.17) 45.2%, oklch(66.30% 0.1380 130.73) 48.4%, oklch(67.23% 0.1394 140.99) 51.6%, oklch(67.00% 0.1370 158.43) 54.8%, oklch(65.85% 0.1185 181.23) 58.1%, oklch(64.00% 0.1098 207.19) 61.3%, oklch(61.66% 0.1169 234.05) 64.5%, oklch(59.09% 0.1091 259.61) 67.7%, oklch(56.48% 0.1022 281.66) 71.0%, oklch(54.08% 0.0973 297.96) 74.2%, oklch(51.83% 0.0947 307.37) 77.4%, oklch(49.21% 0.0933 311.92) 80.6%, oklch(46.35% 0.0929 312.79) 83.9%, oklch(43.42% 0.0930 311.07) 87.1%, oklch(40.59% 0.0936 307.82) 90.3%, oklch(38.01% 0.0943 304.15) 93.5%, oklch(35.84% 0.0949 301.12) 96.8%, oklch(34.25% 0.0951 299.82) 100.0%);

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

تدرجات متعددة الألوان يغلب عليها الأخضر

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