رنگ کو HEX، RGB اور HSL کے درمیان تبدیل کرنا
شائع ہوئی: · تازہ کاری: 2 منٹ کا مطالعہ
HEX، RGB اور HSL ایک ہی رنگ کو تین طریقوں سے بیان کرتے ہیں۔ ٹول تینوں ایک ساتھ دکھاتا ہے اور عام تحریری صورتیں قبول کرتا ہے؛ HSL کا عدد صحیح تک گول ہونا HEX پر لوٹتے وقت نظر آنے والے ایک درجے کے فرق کی وجہ ہے۔
ایک ہی رنگ کی تین صورتیں
رنگ دریافت کریں ڈیفالٹ طور پر تینوں صورتیں رنگ کے پیش منظر کے ساتھ دکھاتا ہے۔ سبز رنگ #2F4A3F کے لیے:
| صورت | نتیجہ |
|---|---|
| HEX | #2f4a3f |
| RGB | rgb(47, 74, 63) |
| HSL | hsl(156, 22%, 24%) |
پینل کے تین HEX، RGB اور HSL بٹن نتیجے کو ایک ہی صورت تک محدود کر دیتے ہیں، جیسا ہے ویسا کاپی کرنے کے لیے آسان۔
قابل قبول صورتیں
| تحریری صورت | مثال | HEX نتیجہ |
|---|---|---|
| مختصر HEX | #fff | #ffffff |
| شفافیت والا HEX | #2F4A3F80 | #2f4a3f80 |
| کوموں والا RGB | rgb(47, 74, 63) | #2f4a3f |
| اسپیسوں والا RGB | rgb(47 74 63) | #2f4a3f |
| فیصد میں RGB | rgb(100%, 0%, 0%) | #ff0000 |
| اسپیسوں والا HSL | hsl(156 22% 24%) | #304b40 |
“rouge” جیسے رنگوں کے نام، اور 0 سے 255 سے باہر کے چینل، جیسے rgb(300, 0, 0)، ایسے پیغام کے ساتھ مسترد ہوتے ہیں جو قابل قبول صورتوں کی فہرست دیتا ہے۔
شفافیت
شفافیت HEX میں آٹھ ہندسوں سے لکھی جاتی ہے، یا اسپیس کے ساتھ سلیش کے بعد۔ رنگ rgb(47 74 63 / 50%) کا HEX میں #2f4a3f80 اور RGB میں rgba(47, 74, 63, 0.5) بنتا ہے۔ الٹا، #2F4A3F80 کی عدم شفافیت 0.502 آتی ہے، کیونکہ ہیکسا ڈیسیمل میں 80 یعنی 255 میں سے 128۔
آنے جانے میں ایک درجے کی تبدیلی کیوں
HSL مکمل اعداد میں دکھایا جاتا ہے: رنگت ڈگری میں، سیری اور روشنی فیصد میں۔ اس لیے HSL سے HEX پر لوٹنے پر آپ پڑوسی رنگ پر پہنچتے ہیں، ابتدائی رنگ پر نہیں۔
| آغاز | دکھایا گیا HSL | HEX پر واپسی |
|---|---|---|
| #2F4A3F | hsl(156, 22%, 24%) | #304b40 |
| #B5532E | hsl(16, 59%, 45%) | #b6532f |
فرق ہر چینل پر ایک درجے کا ہے، آنکھ کو نظر نہیں آتا۔ ڈیزائن ٹوکن یا برانڈ کے لیے اصل HEX کو حوالہ رکھیں اور دوبارہ HSL سے نہ گزاریں۔
سرمئی
سرمئی کی سیری صفر ہوتی ہے اور رنگت کا کوئی اثر نہیں ہوتا: #808080 سے rgb(128, 128, 128) اور hsl(0, 0%, 50%) ملتے ہیں۔
ٹول کیا نہیں ناپتا
فارمیٹ کی تبدیلی پڑھنے کی آسانی کے بارے میں کچھ نہیں کہتی۔ ٹول متن اور اس کے پس منظر کے درمیان تضاد کا حساب نہیں لگاتا: شائع کرنے سے پہلے اسے الگ سے جانچیں۔ QR کوڈ کا معاملہ، جہاں تضاد پڑھنے کی آسانی طے کرتا ہے، ایسا QR کوڈ بنانا جو پہلی بار میں اسکین ہو میں ہے۔
تبدیلی جانچیں
- رنگ کو خانے میں چسپاں کریں: پیش منظر آپ کی توقع کے مطابق ہونا چاہیے۔
- وہ صورت کاپی کریں جو آپ کا نظام مانگتا ہے۔
- درست رنگ رکھنے کے لیے HSL کی جگہ HEX یا RGB رکھیں۔
