د رنګ کوډ جنریټر او غوره کوونکی

د رنګ کوډونه، تغیرات، همغږي رامنځته کړئ، او د برعکس تناسب وګورئ.

د رنګ بدلون

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

تغیرات

د دې برخې موخه دا ده چې ستاسو د غوره شوي رنګ رنګونه (خالص سپین اضافه شوی) او سیوري (خالص تور اضافه شوی) په 10٪ زیاتوالي سره په سمه توګه تولید کړئ.

مسلکي لارښوونه: د هور حالتونو او سیوري لپاره سیوري وکاروئ، د لوړوالي او شالید لپاره رنګونه وکاروئ.

سیوري

تیاره تغیرات ستاسو د اساسي رنګ سره د تور اضافه کولو سره رامینځته شوي.

رنګونه

ستاسو د اساسي رنګ سره د سپین رنګ په اضافه کولو سره روښانه تغیرات رامینځته شوي.

د عام استعمال قضیې

  • د UI برخې حالتونه (هور، فعال، غیر فعال)
  • د سیوري او مهمو ټکو سره ژوروالی رامینځته کول
  • د رنګونو منظم سیسټمونه جوړول

د ډیزاین سیسټم لارښوونه

دا تغیرات د یو متحد رنګ پیلټ بنسټ جوړوي. په ټوله پروژه کې د دوام ساتلو لپاره یې صادر کړئ.

د رنګونو ترکیبونه

هر هارموني خپل مزاج لري. د رنګونو ترکیبونو په اړه د ذهنونو د بدلولو لپاره له هارموني څخه کار واخلئ چې ښه یوځای کار کوي.

څنګه یی استعمال کړو

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

ولې دا مهمه ده

د رنګونو همغږي توازن رامینځته کوي او ستاسو په ډیزاینونو کې ځانګړي احساسات راپاروي.

بشپړونکی

یو رنګ او د رنګ څرخ کې د هغې مخالف، د رنګ +۱۸۰ درجې. لوړ برعکس.

#ca4e4e
لپاره غوره: لوړ اغیز لرونکي ډیزاینونه، CTAs، لوګو

ویشل شوی بشپړونکی

یو رنګ او دوه د هغې بشپړونکي سره نږدې، د اصلي رنګ برعکس ارزښت څخه +/-30 درجې رنګ. د مستقیم بشپړونکي په څیر غښتلی، مګر ډیر متنوع.

لپاره غوره: متحرک خو متوازن ترتیبونه

درې ګونی

درې رنګونه د رنګ څرخ په اوږدو کې په مساوي ډول فاصله کې دي، هر یو د رنګ له مخې ۱۲۰ درجې جلا دی. غوره ده چې یو رنګ ته اجازه ورکړئ چې غالب شي او نور یې د تلفظ په توګه وکاروي.

لپاره غوره: خوندور، ځواکمن ډیزاینونه

مشابه

درې رنګونه چې ورته رڼا او اشباع لري د رنګونو سره چې د رنګ څرخ سره نږدې دي، د 30 درجو په فاصله کې. نرم لیږدونه.

لپاره غوره: د طبیعت څخه الهام اخیستونکي، ارامونکي انٹرفیسونه

مونوکروماتیک

د ورته رنګ درې رنګونه د +/-50٪ روښانتیا ارزښتونو سره. نازک او اصلاح شوی.

لپاره غوره: لږترلږه، پیچلي ډیزاینونه

ټیټراډیک

د بشپړونکو رنګونو دوه سیټونه، د رنګ د 60 درجو په واسطه جلا شوي.

لپاره غوره: بډایه، متنوع رنګ سکیمونه

د رنګ تیوري اصول

توازن

یو غالب رنګ وکاروئ، د ثانوي رنګ سره ملاتړ وکړئ، او په احتیاط سره تلفظ وکړئ.

برعکس

د لوستلو او لاسرسي لپاره کافي برعکس ډاډ ترلاسه کړئ.

هم آهنګي

رنګونه باید یوځای کار وکړي ترڅو یو متحد لید تجربه رامینځته کړي.

د رنګ برعکس چیکر

د رنګونو ترکیبونه ازموینه وکړئ ترڅو ډاډ ترلاسه کړئ چې دوی د متن لوستلو لپاره د WCAG لاسرسي معیارونو سره سمون لري.

د متن رنګ
د شاليد رنګ
برعکس
Fail
کوچنی متن
✖︎
لوی متن
✖︎
د WCAG معیارونه
AA:د عادي متن لپاره لږ تر لږه د برعکس تناسب 4.5:1 او د لوی متن لپاره 3:1 دی. د ډیری ویب پاڼو لپاره اړین دی.
AAA:د عادي متن لپاره د 7:1 او د لوی متن لپاره د 4.5:1 لوړ شوی برعکس تناسب. د غوره لاسرسي لپاره سپارښتنه شوې.

هرڅوک یو جینیس دی. مګر که تاسو یو کب د ونې د پورته کولو وړتیا له مخې قضاوت وکړئ، نو دا به خپل ټول ژوند په دې باور وي چې دا احمق دی.

- Albert Einstein

تخنیکي بڼې

عملي بڼې

د رنګ تحلیل

د ړانده والي سمیلیټر

تخلیقي اړخونه