رنگ ڪوڊ جنريٽر ۽ چونڊيندڙ

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

رنگ جي تبديلي

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 جزو جون حالتون (هور، فعال، غير فعال)
  • پاڇن ۽ نمايان شين سان کوٽائي پيدا ڪرڻ
  • هڪجهڙا رنگ سسٽم ٺاهڻ

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

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

رنگن جو مجموعو

هر هارموني جو پنهنجو مزاج هوندو آهي. رنگن جي ڪمبوز کي گڏ ڪرڻ لاءِ هارموني استعمال ڪريو جيڪي گڏجي سٺو ڪم ڪن.

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

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

ڇو اهو معاملو آهي

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

پورو ڪرڻ

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

#ca4e4e
لاءِ بهترين: اعليٰ اثر وارا ڊيزائن، سي ٽي اي، لوگو

ورهايل-مڪمل ڪندڙ

هڪ رنگ ۽ ان جي مڪمل ڪرڻ واري سان ٻه، مکيه رنگ جي سامهون واري قيمت کان رنگ جا +/-30 درجا. سڌي مڪمل ڪرڻ وانگر ٿلهو، پر وڌيڪ ورسٽائل.

لاءِ بهترين: متحرڪ پر متوازن ترتيبون

ٽرائڊڪ

ٽي رنگ رنگ جي ڦيٿي تي هڪجهڙائي سان رکيل آهن، هر هڪ رنگ جي 120 درجن جي فاصلي تي. هڪ رنگ کي غالب ٿيڻ ڏيو ۽ ٻين کي تلفظ طور استعمال ڪريو.

لاءِ بهترين: چنچل، توانائي وارا ڊيزائن

هڪجهڙائي وارو

ٽي رنگ ساڳي روشني ۽ سنترپتي جا، رنگن جي ڦيٿي تي 30 درجن جي فاصلي تي لڳل رنگن سان. هموار منتقلي.

لاءِ بهترين: فطرت کان متاثر، پرسڪون انٽرفيس

مونوڪروميٽ

ساڳي رنگ جا ٽي رنگ جن ۾ روشني جي قيمت +/-50٪ آهي. نازڪ ۽ سڌريل.

لاءِ بهترين: گھٽ ۾ گھٽ، نفيس ڊيزائن

ٽيٽراڊڪ

مڪمل رنگن جا ٻه سيٽ، رنگ جي 60 درجن سان الڳ ٿيل.

لاءِ بهترين: امير، متنوع رنگ اسڪيمون

رنگ جي نظريي جا اصول

توازن

هڪ غالب رنگ استعمال ڪريو، ثانوي رنگ جي مدد ڪريو، ۽ گهٽ ۾ گهٽ تلفظ استعمال ڪريو.

برعڪس

پڙهڻ جي قابليت ۽ رسائي لاءِ ڪافي برعڪس کي يقيني بڻايو وڃي.

هم آهنگي

رنگن کي گڏجي ڪم ڪرڻ گهرجي ته جيئن هڪ متحد بصري تجربو پيدا ٿئي.

رنگ برعڪس چيڪ ڪندڙ

رنگن جي ميلاپ کي جانچيو ته جيئن اهي متن جي پڙهڻ جي قابليت لاءِ WCAG رسائي جي معيارن کي پورا ڪن.

متن جو رنگ
پس منظر جو رنگ
برعڪس
Fail
ننڍو متن
✖︎
وڏو متن
✖︎
WCAG معيار
AA:عام متن لاءِ گھٽ ۾ گھٽ برعڪس تناسب 4.5:1 ۽ وڏي متن لاءِ 3:1. گھڻن ويب سائيٽن لاءِ گھربل.
AAA:عام متن لاءِ 7:1 ۽ وڏي متن لاءِ 4.5:1 جو وڌايل برعڪس تناسب. بهترين رسائي لاءِ سفارش ڪئي وئي آهي.

هر ڪو جينيئس آهي. پر جيڪڏهن توهان هڪ مڇيءَ جو اندازو لڳايو ته ان جي وڻ تي چڙهڻ جي صلاحيت آهي، ته اها سڄي زندگي گذاريندي ان ڳالهه تي يقين رکندي ته اها بيوقوف آهي.

- Albert Einstein

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

عملي شڪلون

رنگن جو تجزيو

انڌا پن سموليٽر

تخليقي پهلو