رنګ کوډ جنریټر او Selector de color

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

رنګ بدلون

HEX

#eef3c3

Tusk

HEX
#eef3c3
HSL
66, 67, 86
RGB
238, 243, 195
XYZ
77, 86, 64
CMYK
2, 0, 20, 5
LUV
94,14,39
LAB
94, -9, 23
HWB
66, 76, 5

تغیرات

د دې برخې موخه دا ده چې ستاسو د ټاکل شوي رنګ خالص سپین او خالص تور په 10٪ زیاتوالي سره دقیق ډول تولید کړي.

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

سیوري

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

ټینټونه

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

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

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

د ډیزاین سیسټم ټیپ

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

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

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

څنګه یې وکاروئ

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

ولې دا مهم دی

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

مکمل

یو رنګ او د هغې مخالف په رنګ څرخ کې، +180 درجې د رنګ. لوړ تضاد.

#eef3c3
غوره د: لوړ اغیز لرونکي ډیزاینونه، CTAs، لوگوګانې

ویشل شوی مکمل

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

غوره د: روښانه خو متوازن ترتیبونه

تریادیک

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

غوره د: لوبییز، انرژي لرونکي ډیزاینونه

مشابه

درې رنګونه د ورته روښانتیا او سنتریت سره چې په رنګ څرخ کې نږدې دي، 30 درجې جلا. نرم انتقالونه.

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

یو رنګه

درې رنګونه د ورته رنګ سره د روښانتیا ارزښتونه +/-50%. نرم او پیچلي.

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

تترادیک

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

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

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

توازن

یوه غالب رنګ وکاروئ، د ثانوي سره ملاتړ وکړئ، او په لږه اندازه ټینګار وکړئ.

تضاد

د لوستلو وړتیا او لاسرسي لپاره کافي تضاد یقیني کړئ.

همغږي

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

رنګ تضاد چیکر

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

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

پرمختللی تضاد چیکر

د سلایډرونو، څوګونو مخکتنو او نورو سره ښه تنظیم کړئ

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

- Albert Einstein

تخنیکي بڼې

عملي فارمیټونه

د رنګ تحلیل

د ړوندتیا سمولیټر

خلاق اړخونه