میں HEX رنگ کو RGB اور HSL میں کیسے بدلوں؟

رنگ ان پٹ میں رنگ ٹائپ یا پیسٹ کریں، مثلاً #14b8a6، یا کلر پکر استعمال کریں۔ ٹول HEX، rgb()، hsl()، hsv() اور cmyk() قدریں دکھاتا ہے، ساتھ oklch()، lab() اور lch()، ہر ایک کے ساتھ کاپی بٹن۔

میں کون سے رنگ فارمیٹ ٹائپ کر سکتا ہوں؟

3، 4، 6 یا 8 ہندسوں والا HEX، rgb() یا rgba()، کاما یا اسپیس نحو میں hsl() یا hsla()، اور سادہ اعداد کی تثلیثیں۔ اگر ان پٹ پہچانا نہ جائے تو ٹول پارس کی خرابی دکھاتا ہے۔

کیا میں شفافیت والے رنگ بدل سکتا ہوں؟

جی ہاں۔ دھندلاپن کنٹرول استعمال کریں یا ان پٹ میں الفا قدر درج کریں۔ پھر آؤٹ پٹ میں الفا چینل شامل ہوتا ہے، جیسے 8 ہندسوں کا HEX، rgba()، یا جدید نحو میں سلیش کے بعد الفا۔

کیا CMYK قدریں پرنٹنگ کے لیے درست ہیں؟

نہیں، یہ sRGB سے CMYK کا معیاری تخمینہ ہیں، جو پرنٹ کے لیے کے تحت دکھایا جاتا ہے۔ درست پرنٹ رنگ کے لیے اپنے پرنٹر کا کلر پروفائل استعمال کریں یا پروف طلب کریں، کیونکہ اسکرین کے روشن رنگ اکثر ماند چھپتے ہیں۔

میں کیسے جانچوں کہ میرے رنگ میں متن کے لیے کافی کنٹراسٹ ہے؟

WCAG کنٹراسٹ کا حصہ دیکھیں۔ یہ سفید اور سیاہ پر آپ کے رنگ کا کنٹراسٹ تناسب دکھاتا ہے، جسے AAA، AA، AA بڑا یا ناکام درجہ ملتا ہے۔ ہلکاپن اسکیل آزمانے کے لیے ہلکے یا گہرے شیڈز پیش کرتا ہے۔

کیا یہ واقعی مفت ہے؟

جی ہاں۔ ہر ٹول مفت استعمال کے لیے ہے، بغیر اکاؤنٹ اور بغیر کریڈٹ کارڈ کے۔ کام ہمارے سرورز کی بجائے آپ کے آلے پر چلتا ہے، جو اسے چلانے میں مفت رکھتا ہے۔

کیا یہ موبائل پر کام کرتا ہے؟

جی ہاں۔ یہ iOS اور Android کے موجودہ موبائل براؤزرز میں چلتا ہے، کچھ انسٹال کرنے کی ضرورت نہیں۔

🎨

مفت رنگ کنورٹر

رنگوں کو HEX، RGB، HSL، HSV، اور CMYK فارمیٹس کے درمیان فوری طور پر تبدیل کریں۔ lightness اسکیل اور preset swatches شامل ہیں۔

آپ کے براؤزر میں چلتا ہےسائن اپ نہیں، پاپ اپ نہیںلاگ ان کی ضرورت نہیںہمیشہ کے لیے مفت

لوڈ ہونے کے بعد آف لائن کام کرتا ہے

HEX، RGB، HSL، HSV اور CMYK کے درمیان رنگ تبدیل کریں — لائیو پریویو اور ایک ٹیپ کاپی کے ساتھ۔ سب کچھ آپ کے براؤزر میں چلتا ہے۔

رنگ ان پٹ

قبول کرتا ہے: HEX (#fff یا #ffffff)، RGB (255, 255, 255) یا HSL (360, 100%, 50%)

روشن ترین100%

پری سیٹس:

HEX#14B8A6

rgb() · پراناrgb(20, 184, 166)

rgb() · جدیدrgb(20 184 166)

hsl() · پراناhsl(173, 80%, 40%)

hsl() · جدیدhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB اقدار20, 184, 166

WCAG تضاد

سفید پس منظر پر

2.49:1

ناکام

سیاہ پس منظر پر

8.44:1

AAA

🖨️ پرنٹنگ کے لیے: یہ CMYK اقدار (89%, 0%, 10%, 28%) حوالے کے لیے ایک معیاری sRGB→CMYK تقریب ہیں۔ درست پرنٹ رنگ کے لیے، اپنے پرنٹر کا ICC پروفائل یا پرنٹڈ ثبوت استعمال کریں — سکرین CMYK ہر سیاہی/کاغذ سے مماثل نہیں ہو سکتا۔

روشنی کا پیمانہ

اس شیڈ پر جانے کے لیے کسی بھی نمونے پر کلک کریں

عام استعمالات

ویب ڈیزائن کے لیے رنگ تبدیل کریںکسی بھی رنگ کے HEX، RGB، اور HSL قدریں حاصل کریں - CSS یا Tailwind میں پیسٹ کرنے کے لیے تیار۔
پرنٹ کے لیے رنگ تبدیل کریں (CMYK)سکرین کے رنگز (HEX/RGB) کو CMYK قدروں میں تبدیل کریں - پرنٹ ڈیزائن اور پروفیشنل پرنٹنگ کے لیے۔
Design Systems کے لیے رنگ پیلیٹس بنائیںبرانڈ رنگز کو تمام فارمیٹس میں تبدیل کریں اور مکمل design system کے لیے مستقل lightness scales بنائیں۔
Accessibility کے لیے رنگ Contrast چیک کریںرنگوں کو RGB values میں تبدیل کریں contrast ratio tools میں استعمال کے لیے — accessible ڈیزائن کے لیے WCAG کی تعریف کے مطابق۔
Figma کے لیے رنگ تبدیل کریںFigma رنگ pickers اور ڈیزائن ٹوکن سسٹمز میں چسپاں کرنے کے لیے بالکل HEX اور RGB values حاصل کریں۔

یہ کیسے کام کرتا ہے

تبدیلی کی تمام منطق ہاتھ سے لکھا JavaScript ہے جو مکمل طور پر آپ کے براؤزر میں چلتا ہے — نہ لائبریری، نہ سرور کال۔ ٹول آپ کا ان پٹ پارس کرتا ہے، اسے خالص ریاضی فنکشنز کی زنجیر سے گزارتا ہے، اور ایک ساتھ گیارہ آؤٹ پٹ فارمیٹ بناتا ہے، بشمول جدید CSS Color 4 اسپیسز oklch() اور lab()۔

1
لچکدار ان پٹ پارسنگ
ایک حسب ضرورت پارسر ہیکس (3، 4، 6 یا 8 ہندسے)، rgb()/rgba()، hsl()/hsla() پرانے کوما نحو اور جدید اسپیس نحو دونوں میں، اور سادہ عددی تینوں قبول کرتا ہے۔ الفا قدریں اعشاریہ یا فیصد میں ہوں تو کسی بھی تبدیلی سے پہلے 0–1 حد میں لائی جاتی ہیں۔
2
RGB بطور تبدیلی کا مرکز
ہر قبول شدہ فارمیٹ پہلے ایک معیاری RGB تینے میں بدلا جاتا ہے۔ اسی ایک نمائندگی سے ٹول آگے پھیلتا ہے: HSL اور HSV معیاری min/max/chroma فارمولے استعمال کرتے ہیں؛ CMYK کلیدی چینل تلاش کر کے نکالا جاتا ہے؛ اور ادراکی اسپیس کے حساب سے پہلے sRGB لکیری سازی (IEC 61966-2-1 میں بیان کردہ ٹکڑوں والی gamma کرو) لگائی جاتی ہے۔
3
ادراکی رنگ اسپیسز شروع سے حساب کی جاتی ہیں
oklch() Björn Ottosson کے حوالہ جاتی 3×3 میٹرکس (LMS مکعب جذر اسپیس) سے نکالا جاتا ہے۔ lab() اور lch() D65 سفید نقطے سے D50 میں تبدیلی کے لیے Bradford chromatic adaptation استعمال کرتے ہیں، جیسے CSS Color 4 میں lab() کی تعریف ہے۔ یہ وہی فارمولے ہیں جو براؤزر رینڈرنگ انجن استعمال کرتے ہیں — یہاں بغیر کسی بیرونی انحصار کے بنائے گئے۔
4
WCAG کنٹراسٹ اور lightness پیمانہ
Relative luminance WCAG 2.1 فارمولے سے نکالی جاتی ہے (لکیری R، G، B کا وزن 0.2126/0.7152/0.0722) اور سفید اور سیاہ کے مقابلے کنٹراسٹ تناسب کو AA-large، AA، AAA یا Fail درجہ دیا جاتا ہے۔ HSL lightness چینل کو 10% سے 90% تک بڑھا کر نو قدموں کی lightness پٹی بنتی ہے، اور آپ کسی بھی نمونے پر کلک کر کے وہ شیڈ تبدیل کر سکتے ہیں۔

مفت رنگ کنورٹر

عام استعمالات

یہ کیسے کام کرتا ہے

متعلقہ ٹولز

رنگ منتخب کنندہ اور پیلیٹ جنریٹر

بے ترتیب رنگ جنریٹر

رنگ پیلیٹ جنریٹر

اکثر پوچھے جانے والے سوالات