RGB سے HSL کنورٹر
ٹائپ کرتے ہی RGB کو HSL میں تبدیل کریں — مفت، فوری، ایک عملی مثال اور عام رنگوں کے چارٹ کے ساتھ۔
ایک RGB ویلیو ٹائپ کریں اور اس کے نیچے HSL ویلیو دیکھیں، یا رنگ منتخب کرنے والے ٹول سے رنگ منتخب کریں۔
عملی مثال
RGB 255, 87, 51 = HSL 11, 100%, 60%
تبدیلی کا عمل کیسے کام کرتا ہے
- HSL اسی رنگ کو ہیو (رنگ کے پہیے پر 0–360°)، سیچوریشن اور لائٹنس کے ذریعے بیان کرتا ہے — صرف ایک جزو کو تبدیل کر کے رنگ کو گہرا یا ہلکا کرنے کے لیے آسان ہے۔
RGB اور HSL میں عام رنگ
| رنگ | RGB | HSL |
|---|---|---|
| سرخ | 255, 0, 0 | 0, 100%, 50% |
| نارنجی | 255, 165, 0 | 39, 100%, 50% |
| پیلا | 255, 255, 0 | 60, 100%, 50% |
| سبز | 0, 128, 0 | 120, 100%, 25% |
| سیان | 0, 255, 255 | 180, 100%, 50% |
| نیلا | 0, 0, 255 | 240, 100%, 50% |
| جامنی | 128, 0, 128 | 300, 100%, 25% |
| گلابی | 255, 192, 203 | 350, 100%, 88% |
| بھورا | 165, 42, 42 | 0, 59%, 41% |
| سفید | 255, 255, 255 | 0, 0%, 100% |
| سرمئی | 128, 128, 128 | 0, 0%, 50% |
| کالا | 0, 0, 0 | 0, 0%, 0% |
ہر تبدیلی آپ کے براؤزر میں ہوتی ہے۔ آپ کی درج کردہ کوئی بھی چیز BroBroGo پر اپ لوڈ نہیں کی جاتی۔
اکثر پوچھے گئے سوالات
میں RGB کو HSL میں کیسے تبدیل کروں؟
اوپر اپنی RGB ویلیو ٹائپ یا پیسٹ کریں — ٹائپ کرتے ہی HSL ویلیو اپ ڈیٹ ہو جائے گی۔ آپ رنگ منتخب کرنے والے ٹول (swatch) سے بصری طور پر بھی رنگ منتخب کر سکتے ہیں۔
کیا یہ تبدیلی بالکل درست ہوتی ہے؟
اقدار کو مکمل نمبروں میں راؤنڈ کیا جاتا ہے، جس کی توقع CSS اور ڈیزائن ٹولز کرتے ہیں۔ یہ فرق انسانی آنکھ کی دیکھنے کی صلاحیت سے بہت کم ہوتا ہے۔