رنگ معلومات کو غیر زبانی طور پر پہنچانے میں اہم کردار ادا کرتے ہیں۔ انٹرایکٹو رنگوں والی ویب سائٹ کو پرکشش اور بصری طور پر دلکش سمجھا جاتا ہے۔ HTML عناصر کے لیے رنگ لگانے کے مختلف طریقے ہیں: RGB، RGBA، HEX Code، HSLA، اور HSL۔ تاہم، آپ صفحہ کا معائنہ کرکے، رنگ چننے والے سے رنگ منتخب کرکے، یا ڈیولپرز ٹول پینل سے آئی ڈراپر فیچر استعمال کرکے رنگین کوڈز تلاش کرسکتے ہیں۔
اس مطالعہ میں، ہم HTML میں رنگین کوڈ تلاش کرنے کے طریقوں پر تبادلہ خیال کریں گے۔
طریقہ 1: ویب صفحہ کا معائنہ کرکے HTML میں رنگین کوڈ تلاش کریں۔
صفحہ کا معائنہ کرکے کلر کوڈ تلاش کرنے کے اقدامات درج ذیل ہیں۔
مرحلہ 1: ویب صفحہ کھولیں۔
سب سے پہلے، مطلوبہ ویب صفحہ کھولیں:
مرحلہ 2: معائنہ کا اختیار منتخب کریں۔
صفحہ پر دائیں کلک کریں اور منتخب کریں ' معائنہ کریں۔ 'مینو سے اختیار، جو تک رسائی فراہم کرے گا' ڈویلپر ٹولز پینل:
نتیجے کے طور پر، ' عناصر ' ٹیب براؤزر کے نیچے دکھایا جائے گا:
مرحلہ 3: ڈویلپر ٹول پینل کی جگہ کو ایڈجسٹ کریں۔
کونے سے تین نقطوں پر کلک کرکے، آپ پینل کی جگہ کا انتخاب کرسکتے ہیں۔ مثال کے طور پر، ہم نے سبز ہائی لائٹ آئیکن کو منتخب کیا ہے۔ مزید یہ کہ انسپیکٹ ونڈو کو اس کے کونوں کو گھسیٹ کر سائز تبدیل کیا جا سکتا ہے:
مرحلہ 4: معائنہ کرنے کے لیے عنصر کو منتخب کریں۔
پھر، جس عنصر کا آپ معائنہ کرنا چاہتے ہیں اسے منتخب کرنے کے لیے نمایاں کردہ آئیکن پر کلک کریں:
مرحلہ 5: عنصر کا انتخاب کریں۔
اس عنصر کو ہوور کریں جس کے رنگ کوڈ کو تلاش کرنے کی ضرورت ہے اور اس پر کلک کریں۔ نتیجے کے طور پر، ' طرزیں ” ٹیب کھلتا ہے اور منتخب عنصر کی اسٹائلنگ خصوصیات کو ظاہر کرتا ہے، جہاں سے آپ کو رنگ منتخب کرنا ہوگا جیسا کہ سبز رنگ کے نمایاں باکس سے دکھایا گیا ہے:
مرحلہ 6: رنگ چننے والے سے رنگ منتخب کریں۔
کھلی ہوئی رنگ چنندہ ونڈو سے کلر کوڈ کاپی کریں:
نیچے دی گئی تصویر اس بات کی نشاندہی کرتی ہے کہ ہم سرخ رنگ کے ذریعے نمایاں کیے گئے چھوٹے رنگ خانوں پر کلک کر کے بھی رنگ منتخب کر سکتے ہیں۔ جبکہ پیلا باکس ایک پوائنٹر کی نمائندگی کرتا ہے جسے منتخب عنصر کا رنگ دیکھنے کے لیے بتدریج تبدیل کیا جاتا ہے:
مرحلہ 7: رنگ کی دھندلاپن کو ایڈجسٹ کریں۔
آپ رنگ کی دھندلاپن کو بھی ایڈجسٹ کر سکتے ہیں جیسا کہ ذیل میں GIF میں دکھایا گیا ہے:
طریقہ 2: آئی ڈراپر فیچر کا استعمال کرکے ایچ ٹی ایم ایل میں کلر کوڈ تلاش کریں۔
آئی ڈراپر فیچر کو ویب پیج سے کسی بھی رنگ کو چننے کے لیے بھی استعمال کیا جا سکتا ہے۔ یہ خصوصیت بہت آسان ہے کیونکہ یہ ڈسپلے شدہ ونڈو میں کہیں سے بھی رنگ منتخب کر سکتی ہے۔
نوٹ: آئی ڈراپر کی خصوصیت کو ذیل کی تصویر میں سرخ رنگ کے نمایاں باکس کے ذریعے دکھایا گیا ہے:
یہاں آئی ڈراپر ٹول کے کام کرنے کا ایک مظاہرہ ہے:
اپنے عنصر کے لیے رنگ منتخب کرنے کے بعد، کلر کوڈ کاپی کریں اور اسے اپنے پروجیکٹ کے CSS میں چسپاں کریں۔
نتیجہ
HTML عناصر کے لیے رنگ لگانے کے مختلف طریقے ہیں: RGB، RGBA، HEX Code، HSLA، اور HSL۔ آپ کلر کوڈز تلاش کر سکتے ہیں ' معائنہ کر رہا ہے۔ کوئی بھی ویب صفحہ یا اس سے رنگ منتخب کرکے رنگ چننا 'اور' کا استعمال کرتے ہوئے آئی ڈراپر خصوصیت اس مضمون نے تفصیلی مثالوں کے ساتھ HTML میں رنگین کوڈز تلاش کرنے کے طریقہ کار کا مظاہرہ کیا ہے۔