🎨 کلر کنورٹر
کسی بھی فارمیٹ میں رنگ لکھیں – #3B82F6، کوئی RGB یا HSL قدر، یا انگریزی میں رنگ کا نام – اور باقی تمام فارمیٹ، رسائی کے لیے کنٹراسٹ اسکور اور ہلکے و گہرے روپوں کی پیلیٹ پائیں۔
مختصر جواب: #3B82F6 کی RGB قدر (59، 130، 246)، HSL قدر (217°، 91%، 60%) اور CMYK قدر (76%، 47%، 0%، 4%) ہے؛ اس کا کنٹراسٹ تناسب سفید پر 3.68:1 (AA صرف بڑے متن کے لیے) اور سیاہ پر 5.71:1 (AA) ہے۔
ابھی تک کوئی ریٹنگ نہیں · آخری اپ ڈیٹ · مفت · سائن اپ کی ضرورت نہیں
کلر کنورٹر کے اندراجات
نتیجہ
رنگ
#3B82F6
rgb(59, 130, 246)
| HEX | #3B82F6 |
| RGB | rgb(59, 130, 246) |
| HSL | hsl(217, 91%, 60%) |
| HSV / HSB | hsv(217, 76%, 96%) |
| CMYK | cmyk(76%, 47%, 0%, 4%) |
- سفید کے ساتھ کنٹراسٹ
- 3.68:1 · AA صرف بڑے متن کے لیے
- سیاہ کے ساتھ کنٹراسٹ
- 5.71:1 · AA
- متن کے لیے بہترین رنگ
- سیاہ
ہلکے روپ (سفید ملا کر)
| سفید کی مقدار | رنگ | RGB | HSL |
|---|---|---|---|
| اصل رنگ | #3B82F6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) |
| 10% | #4F8FF7 | rgb(79, 143, 247) | hsl(217, 91%, 64%) |
| 20% | #629BF8 | rgb(98, 155, 248) | hsl(217, 91%, 68%) |
| 30% | #76A8F9 | rgb(118, 168, 249) | hsl(217, 92%, 72%) |
| 40% | #89B4FA | rgb(137, 180, 250) | hsl(217, 92%, 76%) |
| 50% | #9DC1FB | rgb(157, 193, 251) | hsl(217, 92%, 80%) |
| 60% | #B1CDFB | rgb(177, 205, 251) | hsl(217, 90%, 84%) |
| 70% | #C4DAFC | rgb(196, 218, 252) | hsl(216, 90%, 88%) |
| 80% | #D8E6FD | rgb(216, 230, 253) | hsl(217, 90%, 92%) |
| 90% | #EBF3FE | rgb(235, 243, 254) | hsl(215, 90%, 96%) |
گہرے روپ (سیاہ ملا کر)
| سیاہ کی مقدار | رنگ | RGB | HSL |
|---|---|---|---|
| اصل رنگ | #3B82F6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) |
| 10% | #3575DD | rgb(53, 117, 221) | hsl(217, 71%, 54%) |
| 20% | #2F68C5 | rgb(47, 104, 197) | hsl(217, 61%, 48%) |
| 30% | #295BAC | rgb(41, 91, 172) | hsl(217, 62%, 42%) |
| 40% | #234E94 | rgb(35, 78, 148) | hsl(217, 62%, 36%) |
| 50% | #1E417B | rgb(30, 65, 123) | hsl(217, 61%, 30%) |
| 60% | #183462 | rgb(24, 52, 98) | hsl(217, 61%, 24%) |
| 70% | #12274A | rgb(18, 39, 74) | hsl(218, 61%, 18%) |
| 80% | #0C1A31 | rgb(12, 26, 49) | hsl(217, 61%, 12%) |
| 90% | #060D19 | rgb(6, 13, 25) | hsl(218, 61%, 6%) |
WCAG کی کنٹراسٹ شرائط
| سطح | عام متن | بڑا متن (18 پوائنٹ یا زیادہ، یا 14 پوائنٹ بولڈ) | سفید پر | سیاہ پر |
|---|---|---|---|---|
| AA | 4.5:1 | 3:1 | صرف بڑا متن | کامیاب |
| AAA | 7:1 | 4.5:1 | ناکام | صرف بڑا متن |
کلر کنورٹر کیسے استعمال کریں
کسی بھی عام فارمیٹ میں رنگ لکھیں – #3B82F6، #38F، rgb(59, 130, 246)، hsl(217, 91%, 60%)، hsv(217, 76%, 96%)، cmyk(76%, 47%, 0%, 4%) یا انگریزی میں کسی بنیادی رنگ کا نام، جیسے teal۔ آپ کو باقی تمام فارمیٹ، رنگ کا نمونہ، کنٹراسٹ اسکور اور ہلکے و گہرے روپوں کی پیلیٹ مل جائے گی۔
تبدیلی کے فارمولے
HEX → RGB: ہیکس ہندسوں کا ہر جوڑا ایک چینل ہے، 00–FF = 0–255
CMYK: K = 1 − زیادہ سے زیادہ(R′، G′، B′) · C = (1 − R′ − K) ÷ (1 − K)، اسی طرح M اور Y (R′ = R ÷ 255)
HSL: L = (زیادہ سے زیادہ + کم سے کم) ÷ 2 · S = (زیادہ سے زیادہ − کم سے کم) ÷ (1 − |2L − 1|) · H سب سے بڑے چینل سے
کنٹراسٹ = (L1 + 0.05) ÷ (L2 + 0.05)، WCAG کی اضافی روشنی (ریلیٹو لیومیننس) کے مطابق
حل شدہ مثال
#3B82F6 کو 3B، 82 اور F6 میں تقسیم کرنے سے rgb(59, 130, 246) ملتا ہے۔ نیلا سب سے بڑا چینل ہے (0.965)، اس لیے K = 3.5% اور C = (1 − 0.231 − 0.035) ÷ 0.965 = 76%، یعنی cmyk(76%, 47%, 0%, 4%)۔ HSL میں یہ hsl(217, 91%, 60%) ہے۔ اس کی اضافی روشنی 0.236 ہے، اس لیے کنٹراسٹ سفید کے مقابلے میں 3.68:1 اور سیاہ کے مقابلے میں 5.71:1 ہے – چھوٹے حروف کے لیے اس پر سیاہ متن رکھیں۔
عام رنگ
| رنگ | HEX | RGB | HSL |
|---|---|---|---|
| سرخ | #FF0000 | 255، 0، 0 | 0°، 100%، 50% |
| سبز | #008000 | 0، 128، 0 | 120°، 100%، 25% |
| نیلا | #0000FF | 0، 0، 255 | 240°، 100%، 50% |
| نارنجی | #FFA500 | 255، 165، 0 | 39°، 100%، 50% |
| ٹیل (سبزی مائل نیلا) | #008080 | 0، 128، 128 | 180°، 100%، 25% |
| سرمئی | #808080 | 128، 128، 128 | 0°، 0%، 50% |
مشورے
- یہاں دی گئی CMYK قدریں آلے سے آزاد ایک سادہ تبدیلی ہیں – پیشہ ورانہ چھپائی کے لیے اپنے پرنٹر کی آئی سی سی پروفائل سے رنگ تبدیل کریں۔
- ڈیزائن میں متن اور پس منظر کے ہر جوڑے کا کنٹراسٹ جانچیں، صرف برانڈ کے رنگ کا نہیں۔
اکثر پوچھے جانے والے سوالات
HEX کو RGB میں کیسے بدلیں؟
چھ ہیکس ہندسوں کو تین جوڑوں میں تقسیم کریں اور ہر جوڑے کو اساس 16 سے اعشاری نظام میں بدلیں۔ #3B82F6 → 3B = 59، 82 = 130، F6 = 246، یعنی RGB (59، 130، 246)۔
RGB اور CMYK میں کیا فرق ہے؟
RGB اسکرین کے لیے سرخ، سبز اور نیلی روشنی ملاتا ہے؛ CMYK چھپائی کے لیے سیان، میجنٹا، پیلی اور سیاہ سیاہی ملاتا ہے۔ اسکرین کے بہت شوخ یا گہرے رنگ چھپائی میں ہوبہو نہیں آ پاتے۔
HSL اور HSV میں کیا فرق ہے؟
دونوں رنگت (ہیو) کو ایک زاویے (0–360°) اور سیچوریشن کی صورت میں بیان کرتے ہیں۔ HSL کی لائٹنیس سیاہ سے خالص رنگ سے ہوتی ہوئی سفید تک جاتی ہے، جبکہ HSV کی ویلیو (جسے برائٹنیس بھی کہتے ہیں) سیاہ سے خالص رنگ تک جاتی ہے۔
آسانی سے پڑھے جانے والے متن کے لیے کتنا کنٹراسٹ تناسب چاہیے؟
WCAG 2 کی سطح AA عام متن کے لیے 4.5:1 اور بڑے متن (18 پوائنٹ، یا 14 پوائنٹ بولڈ) کے لیے 3:1 مانگتی ہے۔ سطح AAA کے لیے 7:1 اور 4.5:1 درکار ہے۔
رنگ کے ہلکے اور گہرے روپ کیا ہوتے ہیں؟
ہلکا روپ (ٹِنٹ) رنگ میں سفید ملانے سے بنتا ہے، جس سے وہ ہلکا ہو جاتا ہے؛ گہرا روپ (شیڈ) سیاہ ملانے سے بنتا ہے، جس سے وہ گہرا ہو جاتا ہے۔ ایک برانڈ رنگ سے ہم آہنگ پیلیٹ بنانے کا یہ آسان طریقہ ہے۔
کلر کنورٹر کو ریٹنگ دیں
صرف اوسط ریٹنگ دکھائی جاتی ہے۔ غلطی کی رپورٹیں سیدھی ہمارے اِن باکس میں آتی ہیں تاکہ ہم انہیں جانچ کر درست کر سکیں۔ مزید دیکھیں: طریقۂ کار اور رازداری کی پالیسی۔