ویب ڈیزائن اور سی ایس ایس
ڈیزائن فائل یا اسکرین شاٹ پِکر سے رنگ لے کر اپنی اسٹائل شیٹ کے لیے درکار ہیکس کوڈ میں تبدیل کریں۔
سرخ، سبز اور نیلے اعداد درج کریں، کوئی رنگ منتخب کریں، یا ہیکس کوڈ پیسٹ کریں اور ایک ہی جگہ پر ہر فارمیٹ دیکھیں: HEX، RGB اور HSL۔ ایک لائیو پیش نظارہ اور کنٹراسٹ چیک بتاتے ہیں کہ کون سا ٹیکسٹ رنگ سب سے بہتر لگتا ہے۔ یہ سب کچھ آپ کے براؤزر میں چلتا ہے۔
–––رنگ کے کوڈز کیسے کام کرتے ہیں اور پڑھنے میں آسان رنگوں کے جوڑے کیسے منتخب کیے جائیں، سیکھیں۔
اسکرینیں سرخ، سبز اور نیلی روشنی کو ملا کر ہر رنگ بناتی ہیں۔ RGB اس ملاپ کو 0 سے 255 تک کے تین اعداد کے طور پر لکھتا ہے۔ HEX انہی تین اعداد کو ہندسہ 16 میں ایک مختصر کوڈ جیسے #1F3A5F کے طور پر لکھتا ہے، جو عام طور پر CSS، ڈیزائن ٹولز اور برانڈ گائیڈز میں استعمال ہوتا ہے۔
تین اعداد درج کریں، رنگ منتخب کرنے والے ٹول سے کوئی رنگ منتخب کریں، یا ہیکس کوڈ پیسٹ کریں۔ تمام فارمیٹس ایک ساتھ اپ ڈیٹ ہوتے ہیں، اور آپ کو HSL ورژن بھی ملتا ہے اور یہ بھی چیک کیا جاتا ہے کہ اس پر کون سا ٹیکسٹ رنگ سب سے بہتر نظر آتا ہے۔
ڈیزائن فائل یا اسکرین شاٹ پِکر سے رنگ لے کر اپنی اسٹائل شیٹ کے لیے درکار ہیکس کوڈ میں تبدیل کریں۔
لوگو فائل، سلائیڈ ڈیک اور ویب سائٹ کے درمیان برانڈ کے رنگ کو یکساں رکھیں۔
شائع کرنے سے پہلے پس منظر پر کون سا متن کا رنگ کام کرتا ہے چیک کریں اور تضاد کا تناسب دیکھیں۔
ہر ایک تین اعداد کو دو ہندسوں پر مشتمل 16 عددی نظام میں تبدیل کیا جاتا ہے، پھر تین جوڑے ملا دیے جاتے ہیں۔
بیس 16 میں ہندسے 0 تا 9 اور حروف A تا F استعمال ہوتے ہیں، جہاں A کا قدر 10 اور F کا قدر 15 ہوتا ہے۔ ایک مختصر کوڈ جیسے #FA0 دراصل شارٹ ہینڈ ہے: ہر ہندسے کو دگنا کیا جاتا ہے، لہٰذا اس کا مطلب #FFAA00 ہے۔
| رنگ | آر جی بی | ہیکس |
|---|---|---|
| سیاہ | 0, 0, 0 | #000000 |
| سفید | 255, 255, 255 | #FFFFFF |
| سرخ | 255, 0, 0 | #FF0000 |
| سبز | 0, 255, 0 | نیلا سبز |
| نیلا | 0, 0, 255 | #0000FF |
| پیلا | 255, 255, 0 | #FFFF00 |
| نارنجی | 255, 165, 0 | #ایف ایف اے ۵۰۰ |
| سرمئی | 128, 128, 128 | #808080 |
آپ کے رنگ آپ کے براؤزر میں تبدیل کیے جاتے ہیں۔ ہمارے سرور کو کچھ بھی بھیجا یا محفوظ نہیں کیا جاتا۔ صرف چھوٹے حروف کا انتخاب آپ کے آلے پر یاد رکھا جاتا ہے۔
یہ ٹول معیاری 8-بٹ sRGB رنگوں کے ساتھ کام کرتا ہے، ہر چینل کے لیے 0 سے 255 تک۔ یہ شفافیت (RGBA یا 8-ہندسوں والا ہیکس)، پرنٹ کے لیے CMYK، یا وسیع گیموٹ رنگوں کے شعبوں کو سپورٹ نہیں کرتا۔
سرخ، سبز اور نیلے رنگ کی قدریں درج کریں، ہر ایک 0 سے 255 تک۔ یہ ٹول ہر عدد کو دو بیس-16 ہندسوں میں تبدیل کرتا ہے اور انہیں ملا کر #1F3A5F بناتا ہے۔
ہیکس کوڈ کو ہیکس فیلڈ میں پیسٹ کریں۔ تینوں RGB اعداد فوراً بھر جائیں گے۔ مثال کے طور پر، #FF8800 برابر ہے 255، 136، 0۔
نہیں۔ آپ اسے # کے ساتھ یا بغیر ٹائپ کر سکتے ہیں، اور شارٹ کوڈز جیسے #FA0 بھی کام کرتے ہیں۔ نتیجے میں ہمیشہ # شامل ہوتا ہے تاکہ یہ CSS کے لیے تیار ہو۔
یہ سرخ، سبز اور نیلی روشنی کی مقدار ہے، 0 (کوئی نہیں) سے 255 (مکمل) تک۔ 0, 0, 0 سیاہ ہے اور 255, 255, 255 سفید ہے۔
HSL رنگ کو ہِیو، سیچوریشن اور لائٹنیس کے اعتبار سے بیان کرتا ہے۔ اسے ہاتھ سے ایڈجسٹ کرنا اکثر آسان ہوتا ہے، مثال کے طور پر کسی رنگ کو تھوڑا ہلکا کرنے کے لیے، اور یہ براہِ راست CSS میں کام کرتا ہے۔
یہ بتاتا ہے کہ سیاہ یا سفید متن آپ کے رنگ پر کتنی اچھی طرح نمایاں ہوتا ہے۔ WCAG رسائی کے رہنما اصولوں کے تحت عام متن کے لیے 4.5:1 یا اس سے زیادہ کا تناسب معمول کا کم از کم معیار ہے۔
یہاں نہیں۔ یہ ٹول صرف غیر شفاف رنگوں کے لیے ہے، بغیر الفا چینل کے۔ شفافیت کے لیے، اپنے CSS میں rgba() میں خود الفا ویلیو شامل کریں۔
نہیں۔ تبدیلی آپ کے براؤزر میں چلتی ہے اور آپ کے آلے سے کچھ بھی باہر نہیں جاتا۔ صرف آپ کے چھوٹے حرف کا انتخاب اگلی بار کے لیے یاد رکھا جاتا ہے۔
ہوم پیج پر درجنوں مزید مفت ٹولز موجود ہیں جن کے لیے API کی کی ضرورت نہیں ہوتی۔
بیک وقت بے ترتیب v4، v7 اور v5 یو یو آئی ڈیز بنائیں۔
اوزار کھولیںاضافی خالی جگہیں، ٹیبز اور خالی لائنیں ہٹا دیں۔
اوزار کھولیںلمبائی، وزن، رفتار اور مزید کو تبدیل کریں۔
اوزار کھولیںاعداد کو رومی اعداد میں تبدیل کریں اور واپس۔
اوزار کھولیںکوئی مطابقت رکھنے والا سوال نہیں۔
اس ٹول کے بارے میں اپنے خیالات دوسرے زائرین کے ساتھ شیئر کریں۔