HSL سے HEX کنورٹر
ٹائپ کرتے ہی HSL کو HEX میں تبدیل کریں — مفت، فوری، ایک عملی مثال اور عام رنگوں کے چارٹ کے ساتھ۔
ایک HSL ویلیو ٹائپ کریں اور اس کے نیچے HEX ویلیو دیکھیں، یا رنگ منتخب کرنے والے ٹول سے رنگ منتخب کریں۔
عملی مثال
HSL 11, 100%, 60% = HEX #ff5733
تبدیلی کا عمل کیسے کام کرتا ہے
- ایک HEX کوڈ وہی تین RGB چینلز ہیں جو بیس-16 (base-16) میں لکھے جاتے ہیں: ہر چینل کے لیے دو ہندسے، 00 (0) سے ff (255) تک۔
- HSL اسی رنگ کو ہیو (رنگ کے پہیے پر 0–360°)، سیچوریشن اور لائٹنس کے ذریعے بیان کرتا ہے — صرف ایک جزو کو تبدیل کر کے رنگ کو گہرا یا ہلکا کرنے کے لیے آسان ہے۔
HSL اور HEX میں عام رنگ
| رنگ | HSL | HEX |
|---|---|---|
| سرخ | 0, 100%, 50% | #ff0000 |
| نارنجی | 39, 100%, 50% | #ffa500 |
| پیلا | 60, 100%, 50% | #ffff00 |
| سبز | 120, 100%, 25% | #008000 |
| سیان | 180, 100%, 50% | #00ffff |
| نیلا | 240, 100%, 50% | #0000ff |
| جامنی | 300, 100%, 25% | #800080 |
| گلابی | 350, 100%, 88% | #ffc0cb |
| بھورا | 0, 59%, 41% | #a52a2a |
| سفید | 0, 0%, 100% | #ffffff |
| سرمئی | 0, 0%, 50% | #808080 |
| کالا | 0, 0%, 0% | #000000 |
ہر تبدیلی آپ کے براؤزر میں ہوتی ہے۔ آپ کی درج کردہ کوئی بھی چیز BroBroGo پر اپ لوڈ نہیں کی جاتی۔
اکثر پوچھے گئے سوالات
میں HSL کو HEX میں کیسے تبدیل کروں؟
اوپر اپنی HSL ویلیو ٹائپ یا پیسٹ کریں — ٹائپ کرتے ہی HEX ویلیو اپ ڈیٹ ہو جائے گی۔ آپ رنگ منتخب کرنے والے ٹول (swatch) سے بصری طور پر بھی رنگ منتخب کر سکتے ہیں۔
کیا یہ تبدیلی بالکل درست ہوتی ہے؟
اقدار کو مکمل نمبروں میں راؤنڈ کیا جاتا ہے، جس کی توقع CSS اور ڈیزائن ٹولز کرتے ہیں۔ یہ فرق انسانی آنکھ کی دیکھنے کی صلاحیت سے بہت کم ہوتا ہے۔