HEX سے RGB کنورٹر: رنگ کوڈز، HSL، CMYK – مفت
مفت، سائن اپ کی ضرورت نہیں، آپ کے براؤزر میں چلتا ہے۔ HEX کو RGB میں، یا RGB کو HEX میں، ٹائپ کرتے ہی تبدیل کریں: کسی بھی شکل میں رنگ کوڈ پیسٹ کریں اور HEX، RGB، HSL، HSV اور CMYK ایک ساتھ حاصل کریں، ہر ایک کے ساتھ کاپی بٹن۔ 8 ہندسوں والے HEX اور rgba() کے لیے شفافیت سیٹ کریں، اور دیکھیں کہ رنگ پر سفید یا سیاہ متن کتنا پڑھنے کے قابل ہے۔
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
متن کے لیے کنٹراسٹ
AA کو عام متن کے لیے 4.5:1 اور بڑے متن کے لیے 3:1 درکار ہے؛ AAA کو 7:1۔ کنٹراسٹ ٹھوس رنگ پر ناپا جاتا ہے۔
سب کچھ آپ کے آلے پر تبدیل ہوتا ہے۔
HEX سے RGB رنگ کنورٹر کیوں استعمال کریں
- 100% مفت
- جتنی بار چاہیں استعمال کریں۔ سائن اپ نہیں، واٹر مارک نہیں، کچھ انسٹال نہیں کرنا۔
- ڈیزائن سے نجی
- جو آپ لکھتے ہیں وہ آپ کے براؤزر میں رہتا ہے اور کبھی ہمیں نہیں بھیجا جاتا۔
- ہر آلے پر کام کرتا ہے
- Windows، Mac، Linux، Android اور iPhone پر آپ کے براؤزر میں چلتا ہے۔ کسی ایپ کی ضرورت نہیں۔
HEX سے RGB رنگ کنورٹر کیسے استعمال کریں
- “رنگ” میں کوئی بھی رنگ پیسٹ کریں، جیسے #2F5BFF، rgb(47, 91, 255)، hsl(227, 100%, 59%) یا cmyk(82%, 64%, 0%, 0%)، یا “رنگ کا نمونہ چنیں” استعمال کریں۔
- اگر آپ کو شفافیت چاہیے تو Opacity سلائیڈر کھینچیں۔ HEX میں دو ہندسے بڑھ جاتے ہیں اور RGB rgba() بن جاتا ہے۔
- HEX، RGB، HSL، HSV یا CMYK کے ساتھ والے کاپی بٹن پر کلک کریں۔
- “متن کے لیے کنٹراسٹ” کے تحت دیکھیں کہ رنگ پر سفید یا سیاہ متن اچھا پڑھا جاتا ہے یا نہیں۔
اکثر پوچھے جانے والے سوالات
HEX کو RGB میں کیسے تبدیل کروں؟
چھ ہندسوں کو تین جوڑوں میں تقسیم کریں اور ہر جوڑے کو 0 سے 255 کے عدد کے طور پر پڑھیں۔ #2F5BFF کے لیے 2F = 47، 5B = 91 اور FF = 255، یعنی rgb(47, 91, 255)۔ یہ ٹول ٹائپ کرتے ہوئے یہ کر دیتا ہے۔
RGB کو HEX میں کیسے تبدیل کروں؟
RGB قدر پیسٹ کریں، جیسے rgb(47, 91, 255) یا صرف 47, 91, 255، اور HEX لائن کاپی کریں۔ 0 سے 255 کا ہر عدد دو ہیگزا ڈیسیمل ہندسوں میں بدلتا ہے: 47 یعنی 2F، 91 یعنی 5B اور 255 یعنی FF۔
8 ہندسوں والے HEX کوڈز کے بارے میں کیا؟
آخری دو ہندسے opacity (alpha) ہیں، 00 (شفاف) سے FF (ٹھوس) تک۔ #2F5BFF80 تقریباً 50% opaque ہے۔ #abc اور #abcd جیسی مختصر شکلیں بھی کام کرتی ہیں۔
HEX، RGB اور HSL میں کیا فرق ہے؟
یہ ایک ہی رنگ کو مختلف طریقوں سے بیان کرتے ہیں۔ HEX اور RGB سرخ، سبز اور نیلے کی مقدار دیتے ہیں (HEX بیس 16 میں)، جبکہ HSL hue، saturation اور lightness دیتا ہے، جو ہاتھ سے ایڈجسٹ کرنا آسان ہے۔ تینوں CSS میں کام کرتے ہیں۔
HSV کیا ہے، اور یہ HSL سے کیسے مختلف ہے؟
HSV (جسے HSB بھی کہتے ہیں) hue، saturation اور value استعمال کرتا ہے، وہ ماڈل جو بہت سی ڈیزائن ایپس اپنے رنگ منتخب کنندہ میں استعمال کرتی ہیں۔ HSL میں 100% lightness ہمیشہ سفید ہوتی ہے؛ HSV میں 100% value اس رنگ کا سب سے روشن روپ ہے۔
پرنٹ میں CMYK قدریں مختلف کیوں نظر آتی ہیں؟
اسکرین سے پرنٹ میں تبدیلی پرنٹر، سیاہی اور کاغذ پر منحصر ہے۔ یہاں دکھایا گیا CMYK ایک سادہ ریاضیاتی تبدیلی ہے؛ درست نتیجوں کے لیے اپنے پرنٹر سے ان کا رنگ پروفائل مانگیں۔
کنٹراسٹ ریشو کا کیا مطلب ہے؟
یہ ناپتا ہے کہ رنگ پر سفید یا سیاہ متن کتنا پڑھنے کے قابل ہے۔ رسائی کے رہنما اصول (WCAG) عام متن کے لیے کم از کم 4.5:1، بڑے متن کے لیے 3:1، اور سخت AAA سطح کے لیے 7:1 مانگتے ہیں۔
کیا کچھ کہیں بھیجا جاتا ہے؟
نہیں۔ تبدیلیاں آپ کے آلے پر ہوتی ہیں۔
کیا HEX سے RGB رنگ کنورٹر مفت ہے؟
جی ہاں۔ یہ استعمال کے لیے مفت ہے، سائن اپ کی ضرورت نہیں اور کچھ انسٹال نہیں کرنا۔
مدد اور طریقہ کار کی گائیڈز (انگریزی میں)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
متعلقہ ٹولز
- رنگ کا نام تلاش کریںHEX، RGB یا HSL کوڈ چپکائیں یا رنگ چنیں، اور قریب ترین CSS رنگوں کے نام دیکھیں۔ تمام 148 رنگ فلٹر کریں اور کوئی بھی نام اپنی CSS میں کاپی کریں۔
- رنگ کنٹراسٹ چیکرمتن کا رنگ اور پس منظر کا رنگ لکھیں تاکہ WCAG کنٹراسٹ تناسب اور AA اور AAA کے پاس یا فیل نتائج دیکھیں۔ فیل ہو تو قریب ترین پاس ہونے والا رنگ کلک کریں۔
- رنگوں کا پیلیٹ بنانے والااسپیس بار دبا کر پانچ رنگوں کا پیلیٹ بنائیں، پسندیدہ رنگ لاک کریں، یا اپنے رنگ سے اسکیم بنائیں۔ ہر رنگ کے 11 شیڈز دیکھیں اور CSS ویری ایبلز، Tailwind، JSON یا HEX میں برآمد کریں۔
- CSS گریڈینٹ جنریٹر2 سے 8 رنگوں کے ساتھ لینیئر، ریڈیل یا کونک گریڈینٹ بنائیں، لائیو دیکھیں اور CSS کوڈ کاپی کریں۔ PNG کے طور پر HD، 4K یا بینر سائز میں ڈاؤن لوڈ بھی کریں۔