د ویب رنګ پیلټونه

د ویب رنګ پیلټونه څه دي؟

رنګونه د ویب ډیزاینرانو او ګرافیک ډیزاینرانو لپاره خورا مهم دي. ډیزاینران هغه رنګونه تشریح کوي چې موږ یې په ورځني ژوند کې نیلي، سور او شین د کوډونو لکه #fff002، #426215 سره تشریح کوو. مهمه نده چې تاسو د کوډ کولو کوم ډول پروژه ترسره کوئ ، تاسو احتمال لرئ په یو وخت کې د رنګونو سره کار پیل کړئ. دا به په ځانګړې توګه ګټور وي که تاسو د HTML په کارولو سره کوډ زده کړئ، لکه څنګه چې ډیری خلک د ویب پاڼو ډیزاین کولو لپاره کوي.

هیکس کوډ په رنګونو کې څه معنی لري؟

هیکس کوډ د دریو ارزښتونو په یوځای کولو سره د RGB بڼه کې د رنګ نمایندګۍ یوه لاره ده. دا رنګ کوډونه د ویب ډیزاین لپاره د HTML لازمي برخه ده او په ډیجیټل ډول د رنګ فارمیټونو نمایندګۍ لپاره یوه مهمه لار پاتې کیږي.

د هیکس رنګ کوډونه د پونډ نښه یا هشټاګ (#) سره پیل کیږي او ورپسې شپږ توري یا شمیرې دي. لومړی دوه توري / شمیرې له سور سره مطابقت لري ، دوه نور له شین سره او وروستي دوه یې نیلي ته. د رنګ ارزښتونه د 00 او FF ترمنځ ارزښتونو کې تعریف شوي.

شمیرې کارول کیږي کله چې ارزښت 1-9 وي. حروف کارول کیږي کله چې ارزښت له 9 څخه ډیر وي. لکه:

• الف = ۱۰
• ب = ۱۱
• ج = ۱۲
• ډي = ۱۳
• E = 14
• F = 15

د هیکس رنګ کوډونه او د RGB معادل

د ځینې خورا عام هیکس رنګ کوډونو یادول ګټور کیدی شي تاسو سره په ښه توګه وړاندوینه کولو کې مرسته وکړي کله چې تاسو د هیکس رنګ کوډ وګورئ نور رنګونه به څه وي ، نه یوازې کله چې تاسو غواړئ دا دقیق رنګونه وکاروئ.

• سور = #FF0000 = RGB (255, 0, 0)
• شنه = #008000 = RGB (1, 128, 0)v
• نیلي = #0000FF = RGB (0, 0, 255)
• سپین = #FFFFFF = RGB (255,255,255)
• عاج = #FFFFF0 = RGB (255, 255, 240)
• تور = #000000 = RGB (0, 0, 0)
• خړ = #808080 = RGB (128, 128, 128)
• سپین زر = #C0C0C0 = RGB (192, 192, 192)
• ژیړ = #FFFF00 = RGB (255, 255, 0)
• ارغواني = #800080 = RGB (128, 0, 128)
• نارنجي = #FFA500 = RGB (255, 165, 0)
• برګنډي = #800000 = RGB (128, 0, 0)
• فوچیا = #FF00FF = RGB (255, 0, 255)
• چونه = #00FF00 = RGB (0, 255, 0)
• اکوا = #00FFFF = RGB (0, 255, 255)
• تېل = #008080 = RGB (0, 128, 128)
• زیتون = #808000 = RGB (128, 128, 0)
• بحري نیلي = #000080 = RGB (0, 0, 128)

ولې د ویب پاڼې رنګونه مهم دي؟

تاسو شاید فکر وکړئ چې تاسو د رنګونو څخه متاثره نه یاست، مګر د یوې څیړنې له مخې، 85٪ خلک وایي چې رنګ په هغه محصول باندې لوی اغیزه لري چې دوی یې اخلي. هغه دا هم وايي کله چې ځینې شرکتونه د خپلو تڼیو رنګ بدلوي، دوی د دوی په تبادلو کې د پام وړ زیاتوالی یا کمښت لیدلی.

د مثال په توګه، بیامیکس، یو شرکت چې د پروجیکشن سکرینونه جوړوي، د نیلي لینکونو په پرتله په سور لینکونو کلیکونو کې 53.1٪ زیاتوالی لیدلی.

رنګونه نه یوازې په کلیکونو بلکې د برانډ پیژندنې باندې هم لوی تاثیر لري. د رنګونو د ذهني اغیزو په اړه یوې څیړنې موندلې چې رنګونه په اوسط ډول 80٪ د برانډ پیژندنه ډیروي. د مثال په توګه، کله چې تاسو د کوکا کولا په اړه فکر کوئ، تاسو شاید د متحرک سور کین تصور وکړئ.

څنګه د ویب پاڼې لپاره د رنګ سکیم غوره کړئ؟

د دې لپاره چې پریکړه وکړئ کوم رنګونه چې تاسو باید په خپل ویب پاڼه یا ویب غوښتنلیک کې غوره کړئ، تاسو باید لومړی د هغه څه په اړه ښه پوهه ولرئ چې تاسو یې پلورئ. د مثال په توګه، که تاسو د لوړ کیفیت، لوړ پای انځور ترلاسه کولو هڅه کوئ، هغه رنګ چې تاسو یې باید غوره کړئ ارغواني وي. په هرصورت، که تاسو غواړئ پراخه لیدونکو ته ورسیږئ، نیلي؛ دا یو ډاډمن او نرم رنګ دی چې د ډیرو حساسو موضوعاتو لکه روغتیا یا مالیاتو لپاره مناسب دی.

پورته مثالونه د ډیرو څیړنو لخوا ثابت شوي. مګر هغه رنګ چې تاسو د خپلې ویب پاڼې لپاره غوره کوئ ستاسو د ډیزاین پیچلتیا او د رنګ ترکیبونو ډولونو پورې اړه لري. د مثال په توګه، که تاسو د مونوکروم ویب ډیزاین پیلیټ کاروئ، تاسو ممکن د دې رنګ اوه یا ډیرو سیوري ته اړتیا ولرئ ترڅو په سکرین کې کافي ډول ترلاسه کړئ. تاسو اړتیا لرئ د خپل سایټ د ځینو برخو لپاره رنګونه تنظیم کړئ، لکه متن، شالید، لینکونه، د هور رنګونه، د CTA تڼۍ، او سرلیکونه.

اوس "څنګه د ویب پاڼو او ویب غوښتنلیکونو لپاره رنګ سکیم غوره کړئ؟" راځئ چې ګام په ګام یې وګورو:

1. خپل لومړني رنګونه غوره کړئ.

د لومړني رنګ په اړه پریکړه کولو غوره لاره د هغه رنګونو معاینه کول دي چې ستاسو د محصول یا خدمت مزاج سره سمون لري.

لاندې موږ ستاسو لپاره ځینې مثالونه لیست کړي دي:

• سور: دا د خوښۍ یا خوښۍ معنی لري.
• نارنج: دا د دوستانه، ساتیرۍ وخت څرګندوي.
• ژیړ معنی خوشبیني او خوښۍ.
• شنه: دا د تازه او طبیعت معنی لري.
• نیلي: د اعتبار او ډاډ لپاره ولاړ دی.
• ارغواني: د کیفیت تاریخ سره د یو مشهور برانډ استازیتوب کوي.
• نسواري: دا د باور وړ محصول معنی لري چې د هرچا لخوا کارول کیدی شي.
• تور د عیش او آرامۍ معنی لري.
• سپین: سجیلا، د کاروونکي دوستانه محصولاتو ته اشاره کوي.

2. خپل اضافي رنګونه غوره کړئ.

یو یا دوه اضافي رنګونه غوره کړئ چې ستاسو اصلي رنګ بشپړوي. دا باید په مثالي ډول هغه رنګونه وي چې ستاسو اصلي رنګ "په زړه پوري" کوي.

3. د شاليد رنګ غوره کړئ.

د شالید رنګ غوره کړئ چې ستاسو د لومړني رنګ په پرتله لږ "تیریدونکی" وي.

4. د فونټ رنګ غوره کړئ.

ستاسو په ویب پاڼه کې د متن لپاره رنګ غوره کړئ. په یاد ولرئ چې یو قوي تور فونټ نادر دی او سپارښتنه نه کیږي.

د ډیزاینرانو لپاره غوره ویب رنګ پیلټونه

که تاسو هغه رنګ ونه مومئ چې تاسو یې د سافټ میډال ویب رنګ پیلټونو ټولګه کې په لټه کې یاست ، تاسو کولی شئ لاندې د بدیل رنګ سایټونو ته یو نظر وګورئ:

د رنګ انتخاب یوه اوږده پروسه ده او ډیری وختونه د سم رنګونو موندلو لپاره خورا ښه ټیوننګ ته اړتیا لري. پدې مرحله کې، تاسو کولی شئ د 100٪ وړیا ویب غوښتنلیکونو په کارولو سره وخت خوندي کړئ چې د پیل څخه اړوند رنګ سکیمونه رامینځته کوي.

1. پالتون

پیلټن یو ویب غوښتنلیک دی چې ټول ویب ډیزاینران باید پوه شي. یوازې د تخم رنګ دننه کړئ او ایپ ستاسو لپاره پاتې کار کوي. پیلټون د باور وړ انتخاب او د هغو کسانو لپاره عالي ویب ایپ دی چې د ډیزاین او پیل کونکو لپاره هیڅ نه پوهیږي.

2. رنګ خوندي

که WCAG ستاسو د ډیزاین په پروسه کې کومه اندیښنه وي، رنګ خوندي د کارولو لپاره غوره وسیله ده. د دې ویب اپلیکیشن سره، تاسو کولی شئ د رنګ سکیمونه جوړ کړئ چې په بشپړ ډول مخلوط وي او د WCAG لارښوونو سره سم بډایه برعکس وړاندیز کوي.

د رنګ خوندي ویب ایپ په کارولو سره، تاسو ډاډه یاست چې ستاسو سایټ د WCAG لارښوونو سره مطابقت لري او هرچا ته په بشپړ ډول د لاسرسي وړ دی.

3. د اډوب رنګ CC

دا یو له وړیا Adobe وسیلو څخه دی چې د عامه کارونې لپاره رامینځته شوی. دا یو پراخ ویب غوښتنلیک دی چیرې چې هرڅوک کولی شي له سکریچ څخه رنګ سکیمونه رامینځته کړي. دا تاسو ته اجازه درکوي د ډیری مختلف رنګ ماډلونو څخه غوره کړئ چې ستاسو اړتیاو سره مناسب وي. انٹرفیس ممکن په لومړي سر کې یو څه مغشوش ښکاري ، مګر یوځل چې تاسو دې ته عادت شئ تاسو باید د ښکلي رنګ انتخابونو غوره کولو کې کومه ستونزه ونلرئ.

4. فضا

امبیانس، یو وړیا ویب غوښتنلیک، په ویب کې د نورو رنګ سایټونو څخه مخکې جوړ شوي ویب رنګ پیلټونه وړاندې کوي. دا د دودیز ویب ایپ په څیر کار کوي چیرې چې تاسو کولی شئ خپل پروفایل ته رنګونه خوندي کړئ او له سکریچ څخه خپل سکیمونه رامینځته کړئ. دا ټول ویب رنګ پیلیټونه د Colorlovers څخه راځي. د امبیانس انٹرفیس لټون کول اسانه کوي او د UI ډیزاین لپاره د رنګ مداخلې باندې ډیر تمرکز کوي.

5. 0to255

0to255 په حقیقت کې د رنګ سکیم جنریټر ندی، مګر دا کولی شي تاسو سره د موجوده رنګ سکیمونو په ښه کولو کې مرسته وکړي. ویب ایپ تاسو ته ټول مختلف رنګونه ښیې نو تاسو کولی شئ سمدلاسه رنګونه مخلوط او میچ کړئ.

که تاسو د کارونې وړ رنګ سکیم رامینځته کول ستونزمن ومومئ، تاسو کولی شئ د پورته غوښتنلیکونو ځینې بیاکتنه وکړئ.

غوره ویب رنګ پیلټونه

لاندې سایټونه د لوی تاثیر لپاره مختلف ویب رنګ پیلټونه کاروي. دوی په دقت سره د هغه احساساتو لپاره غوره شوي چې دوی یې راپاروي او هغه احساسات چې دوی یې وړاندې کوي.

1. اوډوپوډ

اوډوپوډ د یو بې رنګه رنګ پیلټ سره ډیزاین شوی و، مګر موخه یې دا وه چې په کور پاڼه کې د تدریجي سره د ستړي کیدو څخه مخنیوی وشي. لوی ټایپوګرافي عالي برعکس وړاندیز کوي. دا روښانه ده چیرې چې لیدونکي غواړي دوی کلیک وکړي.

2. د توري سترګې

د توري سترګې د مونوکروم رنګ سکیم غوره بیلګه ده. دلته، د شین سیوري په شاوخوا کې د ساده مګر پیاوړي رنګ پیلټ اغیزې لیدل کیږي. دا رنګ سکیم معمولا د ایستلو لپاره اسانه دی، ځکه چې د یو رنګ یو سیوري تقریبا تل د ورته رنګ بل سیوري سره کار کوي.

3. د پنیر بقا کټ

سور د ویب پاڼې رنګ پیلیټ لپاره خورا مشهور رنګ دی. دا کولی شي د احساساتو بډایه مخلوط وړاندې کړي، دا هر اړخیز جوړوي. لکه څنګه چې تاسو د پنیر بقا کټ ویب پا onه کې لیدلی شئ ، دا په ځانګړي توګه قوي دی کله چې په کوچنیو دوزونو کې کارول کیږي. سور د نورو غیر جانبدار رنګونو لخوا نرم شوی، او نیلي د CTAs او نورو ساحو سره مرسته کوي چیرې چې سوداګرۍ غواړي د لیدونکو پام ځانته راولي.

4. احراف

احرف د ویب پاڼې یوه بیلګه ده چې د رنګ پیلټ په آزاده توګه کاروي. تور نیلي د اصلي رنګ په توګه کار کوي، مګر په ټوله سایټ کې توپیرونه شتون لري. ورته رنګونه نارنجي، ګلابي او فیروزي ته ځي.

د رنګونو په اړه ډیری پوښتل شوي پوښتنې

1. د ویب پاڼې لپاره غوره رنګ کوم دی؟

نیلي یقینا ترټولو خوندي انتخاب دی ځکه چې دا د 35٪ سره خورا مشهور رنګ دی. په هرصورت، که ستاسو سیالي کونکي ټول نیلي کاروي، نو دا ممکن ستاسو وړاندیز او برانډ "توپیر" کولو معنی ولري. مګر تاسو اړتیا لرئ ډاډ ترلاسه کړئ چې تاسو لیدونکي له پامه غورځوئ.

2. ویب پاڼه باید څو رنګونه ولري؟

په پام کې ونیسئ چې 51٪ برانډونه مونوکروم لوګو لري، 39٪ دوه رنګونه کاروي، او یوازې 19٪ شرکتونه بشپړ رنګ لوګو غوره کوي. له دې ځایه، تاسو لیدلی شئ چې د 1، 2 او 3 رنګونو سره ویب پاڼې د رینبو رنګونو سره د ویب پاڼې جوړولو هڅه کولو په پرتله ډیر معنی لري. په هرصورت، د مایکروسافټ او ګوګل په څیر برانډونه د ډیرو رنګونو سره د کار کولو په ګټه باور لري ځکه چې دوی په ډیزاینونو کې لږترلږه 4 کلک رنګونه کاروي.

3. زه باید چیرته رنګونه وکاروم؟

د سترګو لید رنګونه باید لږ کارول شي، که نه نو دوی به خپل اغیز له لاسه ورکړي. دا اغیزه باید د تبادلې ټکي کې وي لکه "اوس پیرود" تڼۍ.