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