رنگ کی تبدیلی
#ca4e4e
≈ Chestnut Rose
تغیرات
اس سیکشن کا مقصد آپ کے منتخب کردہ رنگ کے 10% اضافہ میں درست طریقے سے ٹنٹ (خالص سفید شامل) اور شیڈز (خالص سیاہ شامل) تیار کرنا ہے۔
پرو ٹپ: ہوور سٹیٹس اور شیڈو کے لیے شیڈز، ہائی لائٹس اور بیک گراؤنڈز کے لیے ٹنٹ استعمال کریں۔
شیڈز
آپ کے بنیادی رنگ میں سیاہ شامل کر کے گہرے تغیرات پیدا ہوتے ہیں۔
ٹِنٹس
آپ کے بنیادی رنگ میں سفید شامل کرکے ہلکی مختلف حالتیں پیدا کی جاتی ہیں۔
عام استعمال کے معاملات
- • UI اجزاء کی حالتیں (ہوور، فعال، غیر فعال)
- • سائے اور جھلکیوں کے ساتھ گہرائی پیدا کرنا
- • مستقل رنگ کے نظام کی تعمیر
ڈیزائن سسٹم ٹپ
یہ تغیرات ایک مربوط رنگ پیلیٹ کی بنیاد بناتے ہیں۔ اپنے پورے پروجیکٹ میں مستقل مزاجی کو برقرار رکھنے کے لیے انہیں برآمد کریں۔
رنگوں کے امتزاج
ہر ہم آہنگی کا اپنا مزاج ہوتا ہے۔ رنگین کمبوز کو ذہن نشین کرنے کے لیے ہم آہنگی کا استعمال کریں جو ایک ساتھ اچھی طرح کام کریں۔
استعمال کرنے کا طریقہ
کسی بھی رنگ کی ہیکس ویلیو کاپی کرنے کے لیے اس پر کلک کریں۔ یہ مجموعے بصری ہم آہنگی پیدا کرنے کے لیے ریاضیاتی طور پر ثابت ہیں۔
کیوں یہ اہمیت رکھتا ہے۔
رنگین ہم آہنگی توازن پیدا کرتی ہے اور آپ کے ڈیزائن میں مخصوص جذبات کو جنم دیتی ہے۔
تکمیل کرنا
رنگ کے پہیے پر ایک رنگ اور اس کا مخالف، رنگت کی +180 ڈگری۔ ہائی کنٹراسٹ۔
تقسیم تکمیلی
ایک رنگ اور اس کی تکمیل سے ملحق دو، مرکزی رنگ کے مخالف قدر سے +/-30 ڈگری رنگت۔ سیدھی تکمیل کی طرح بولڈ، لیکن زیادہ ورسٹائل۔
ٹرائیڈک
کلر وہیل کے ساتھ تین رنگ یکساں طور پر فاصلہ رکھتے ہیں، ہر ایک 120 ڈگری رنگت کے علاوہ۔ ایک رنگ کو حاوی ہونے دینا اور دوسرے کو لہجے کے طور پر استعمال کرنا بہتر ہے۔
مشابہ
ایک ہی روشنی اور سنترپتی کے تین رنگ رنگوں کے ساتھ جو کلر وہیل پر 30 ڈگری کے فاصلے سے ملحق ہیں۔ ہموار ٹرانزیشنز۔
یک رنگی ۔
روشنی کی قدروں کے ساتھ ایک ہی رنگ کے تین رنگ +/-50%۔ لطیف اور نفیس۔
ٹیٹراڈک
تکمیلی رنگوں کے دو سیٹ، رنگت کے 60 ڈگری سے الگ۔
رنگین تھیوری کے اصول
توازن
ایک غالب رنگ استعمال کریں، ثانوی کے ساتھ سپورٹ کریں، اور لہجہ تھوڑا سا استعمال کریں۔
کنٹراسٹ
پڑھنے کی اہلیت اور رسائی کے لیے کافی کنٹراسٹ کو یقینی بنائیں۔
ہم آہنگی
رنگوں کو ایک متحد بصری تجربہ بنانے کے لیے مل کر کام کرنا چاہیے۔
رنگ کنٹراسٹ چیکر
یہ یقینی بنانے کے لیے رنگوں کے امتزاج کی جانچ کریں کہ وہ متن کی پڑھنے کی اہلیت کے لیے WCAG کی رسائی کے معیارات پر پورا اترتے ہیں۔
متن کا رنگ
پس منظر کا رنگ
کنٹراسٹ
WCAG معیارات
ہر کوئی جینئس ہے۔ لیکن اگر آپ ایک مچھلی کو درخت پر چڑھنے کی صلاحیت سے پرکھتے ہیں، تو وہ اپنی پوری زندگی یہ مان کر گزارے گی کہ یہ بیوقوف ہے۔