کلر پکر
کوئی رنگ چنیں یا اس کا hex کوڈ لکھیں اور وہی رنگ HEX، RGB اور HSL میں پائیں، CSS یا ڈیزائن ایپ میں کاپی کرنے کے لیے تیار۔ یہ سرخ، سبز اور نیلے کی قدریں اور hue، saturation اور lightness بھی دکھاتا ہے۔
رنگ چنیں
3 یا 6 ہندسوں والا hex، # کے ساتھ یا بغیر
جھلک
تیار رنگ
رنگ کی قدریں
رنگ کی تفصیل
استعمال کے مشورے
- رنگ والے خانے پر کلک کریں یا #3b82f6، 3b82f6 یا #fff جیسا hex لکھیں
- جلدی انتخاب کے لیے تیار رنگ استعمال کریں
- رنگ کی قدریں مختلف شکلوں (HEX، RGB، HSL) میں کاپی کریں
- ویب ڈیولپمنٹ اور ڈیزائن کے کام کے لیے
- رنگ کی ساری قدریں خود حساب ہو جاتی ہیں
رنگ کیسے چنیں اور اس کا کوڈ کیسے لیں
- براؤزر کا رنگ چننے والا کھولنے کے لیے رنگ والے خانے پر کلک کریں، یا #3b82f6، 3b82f6 یا مختصر #fff جیسا hex کوڈ لکھیں۔
- یا 18 تیار رنگوں میں سے کسی ایک سے شروع کریں۔ جھلک والی پٹی رنگ بڑا کر کے دکھاتی ہے۔
- ساتھ والے حصے میں قدریں پڑھیں: HEX، RGB اور HSL، پھر سرخ، سبز اور نیلے کا ہر چینل اور hue، saturation اور lightness۔
- جو شکل چاہیے اس کے ساتھ والے بٹن سے کاپی کریں اور اپنی CSS، سلائیڈز یا ڈیزائن ٹول میں پیسٹ کریں۔ اپنے رنگوں میں QR کوڈ بنانا ہو تو QR کوڈ جنریٹر استعمال کریں۔
اکثر پوچھے جانے والے سوالات
Hex کو RGB میں کیسے بدلیں؟
چھ ہندسوں کو تین جوڑوں میں بانٹیں اور ہر جوڑے کو 16 کی بنیاد والا عدد سمجھ کر پڑھیں، جو 0 سے 255 تک ہوتا ہے۔ #3b82f6 میں 3b کا مطلب 59، 82 کا 130 اور f6 کا 246 ہے، اس لیے رنگ rgb(59, 130, 246) ہے۔ اس ٹول میں hex کوڈ لکھیں اور RGB قدر فوراً آ جاتی ہے۔
حوالے: W3C, CSS Color Module Level 4
3 ہندسوں والے hex کوڈ کا کیا مطلب ہے؟
یہ مختصر شکل ہے جس میں ہر ہندسہ دو بار پڑھا جاتا ہے۔ #fff کا مطلب #ffffff (سفید) اور #09c کا مطلب #0099cc ہے۔ ٹول دونوں شکلیں مانتا ہے، # کے ساتھ یا بغیر، اور ہمیشہ 6 ہندسوں والی شکل دکھاتا ہے۔
حوالے: W3C, CSS Color Module Level 4
HSL کیا ہے اور کب کام آتا ہے؟
HSL رنگ کو تین چیزوں سے بیان کرتا ہے: hue، یعنی رنگوں کے دائرے پر 0 سے 360 درجے کا زاویہ؛ saturation، 0% سلیٹی سے 100% پورے رنگ تک؛ اور lightness، 0% کالے سے 50% خالص رنگ اور 100% سفید تک۔ اس سے ایک ہی رنگ کے ہلکے اور گہرے شیڈ بنانا آسان ہو جاتا ہے: صرف lightness بدلیں۔
حوالے: W3C, CSS Color Module Level 4
HSL کو واپس hex میں بدلنے سے رنگ تھوڑا مختلف کیوں آتا ہے؟
یہاں HSL کی قدریں پورے عدد تک گول کی جاتی ہیں، اس لیے واپس بدلنے پر کسی چینل میں ایک یا دو کا فرق آ سکتا ہے۔ بالکل درست رنگ کے لیے HEX یا RGB قدر کاپی کریں۔
کیا میں اپنی اسکرین یا کسی تصویر سے رنگ اٹھا سکتا ہوں؟
یہاں الگ ٹول سے نہیں۔ کچھ ڈیسک ٹاپ براؤزرز میں، جیسے Chrome، رنگ والے خانے سے کھلنے والے رنگ کے ڈائیلاگ میں ایک eyedropper ہوتا ہے جو اسکرین پر کسی بھی چیز سے رنگ اٹھا لیتا ہے۔
کیا میرے متن کا رنگ پڑھنے میں آسان ہو گا؟
یہ ٹول contrast نہیں ناپتا۔ WCAG 2.1 عام متن کے لیے کم از کم 4.5:1 اور بڑے متن کے لیے 3:1 کا contrast مانگتا ہے، اس لیے استعمال سے پہلے اپنے متن اور پس منظر کا جوڑا کسی contrast checker سے جانچ لیں۔
حوالے: W3C, WCAG 2.1, success criterion 1.4.3
کیا یہ شفافیت یا CMYK کو سپورٹ کرتا ہے؟
نہیں۔ یہ HEX، RGB اور HSL میں ٹھوس رنگ سنبھالتا ہے، جو اسکرین اور CSS استعمال کرتے ہیں۔ چھپائی کے لیے اپنے ڈیزائن سافٹ ویئر میں پرنٹر کے color profile کے ساتھ CMYK میں بدلیں۔