رنگ ڪوڊ جنريٽر ۽ پيڪر

رنگ ڪوڊ، تبديليون، هم آهنگي پيدا ڪريو، ۽ تضاد جي تناسب کي چيڪ ڪريو.

رنگ تبديلي

HEX

#368716

La Palma

HEX
#368716
HSL
103, 72, 31
RGB
54, 135, 22
XYZ
10, 18, 4
CMYK
60, 0, 84, 47
LUV
50,-32,57
LAB
50, -45, 48
HWB
103, 9, 47

تبديلون

هن سيڪشن جو مقصد توهان جي چونڊيل رنگ جا ٽنٽس (خالص اڇو شامل) ۽ شيڊس (خالص ڪارو شامل) کي 10% اضافو سان صحيح طريقي سان پيدا ڪرڻ آهي.

پرو ٽپ: هوور اسٽيٽس ۽ شيڊوز لاءِ شيڊس استعمال ڪريو، نمايان ۽ پس منظر لاءِ ٽنٽس استعمال ڪريو.

شيڊس

توهان جي بنيادي رنگ ۾ ڪارو شامل ڪرڻ سان ٺاهيل اونداهي تبديليون.

ٽنٽس

توهان جي بنيادي رنگ ۾ اڇو شامل ڪرڻ سان ٺاهيل هلڪي تبديليون.

عام استعمال جا ڪيس

  • UI جزو اسٽيٽس (هوور، فعال، غير فعال)
  • شيڊوز ۽ نمايان سان کوٽائي پيدا ڪرڻ
  • مسلسل رنگ سسٽم ٺاهڻ

ڊيزائن سسٽم ٽپ

اهي تبديليون هڪ مربوط رنگ پيليٽ جو بنياد ٺاهين ٿيون. انهن کي برآمد ڪريو ته جيئن توهان جي سڄي منصوبي ۾ تسلسل برقرار رهي.

رنگ جا ميلاپ

هر هم آهنگي جو پنهنجو موڊ آهي. هم آهنگين کي استعمال ڪريو ته جيئن رنگن جا ميلاپ ٺاهڻ لاءِ جيڪي گڏجي سٺا لڳن.

ڪيئن استعمال ڪجي

ڪنهن به رنگ تي ڪلڪ ڪريو ان جي hex ويليو کي ڪاپي ڪرڻ لاءِ. اهي ميلاپ رياضي طور تي ثابت ٿيل آهن ته بصري هم آهنگي پيدا ڪن ٿا.

اهو ڇو اهم آهي

رنگ جون هم آهنگيون توازن پيدا ڪن ٿيون ۽ توهان جي ڊيزائن ۾ مخصوص جذبات کي اُڀارين ٿيون.

تڪميل

هڪ رنگ ۽ ان جي سامهون رنگ ڦيٿي تي، +180 درجا رنگ جو. اعلي تضاد.

#368716
بهترين لاءِ: وڏي اثر واري ڊيزائن، 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

ٽيڪنيڪل فارميٽس

عملي فارميٽس

رنگ جو تجزيو

بلائنڊنس سيميوليٽر

تخليقي پهلو