رنگ کیسے کنورٹ کریں
- رنگ لکھیں رنگ والے خانے میں، مثلاً
#6366F1،rgb(99 102 241)،hsl(239 84% 67%)یاtealجیسا نام۔ آپ رنگ چنیں دبا کر اپنے ڈیوائس کا کلر پِکر بھی استعمال کر سکتے ہیں۔ - پیش منظر دیکھیں۔ ایک بڑا نمونہ رنگ دکھاتا ہے، جس کے اوپر سفید اور سیاہ میں نمونہ ٹیکسٹ لکھا ہوتا ہے۔
- مطلوبہ فارمیٹ کاپی کریں۔ فارمیٹس کی فہرست میں HEX، RGB، HSL اور OKLCH ہیں، ہر ایک کا اپنا کاپی بٹن۔
- کنٹراسٹ چیک کریں۔ ٹیکسٹ کنٹراسٹ (WCAG) والا حصہ سفید اور سیاہ دونوں کے مقابلے میں تناسب دکھاتا ہے، اور بتاتا ہے کہ رنگ WCAG کے کس درجے تک پہنچتا ہے۔
خصوصیات
- چار آؤٹ پٹ فارمیٹ ایک ساتھ: HEX، RGB، HSL اور OKLCH، CSS میں پیسٹ کرنے کے لیے تیار۔
- لچکدار اِن پٹ: 3، 4، 6 اور 8 ہندسوں والا HEX،
rgb()،hsl()،oklch()، جدید اور پرانا انداز، اور CSS کے رنگوں کے نام۔ - شفافیت کی سپورٹ، ہر فارمیٹ میں alpha کے ساتھ۔
- ڈیوائس کا اپنا کلر پِکر، فون اور کمپیوٹر دونوں پر۔
- WCAG 2 کنٹراسٹ تناسب سفید اور سیاہ پر، AAA، AA، AA Large یا “AA میں فیل” کے لیبل کے ساتھ۔
- لائیو پیش منظر سفید اور سیاہ نمونہ ٹیکسٹ کے ساتھ۔
- مددگار error پیغام مثالوں کے ساتھ، جب کوئی ویلیو پڑھی نہ جا سکے۔
Fileora کا رنگ کنورٹر کیوں استعمال کریں
سارا حساب آپ کے براؤزر میں ہوتا ہے، اس لیے نہ انتظار کرنا پڑتا ہے نہ کچھ کہیں بھیجا جاتا ہے، ان برانڈ رنگوں سمیت جو ابھی لانچ نہیں ہوئے۔ یہ مفت ہے، سائن اپ کی ضرورت نہیں، اور فون پر بھی چلتا ہے، جو اس وقت کام آتا ہے جب ابھی اسکرین پر دیکھا کوئی رنگ ملانا ہو۔
رنگ کنورژن کے ساتھ کنٹراسٹ چیک ہونے سے ایک قدم بچ جاتا ہے: ڈیزائن ریویو تک پہنچنے سے پہلے ہی پتا چل جاتا ہے کہ برانڈ کا رنگ بٹنز اور لنکس کے لیے محفوظ ہے یا نہیں۔
HEX، RGB، HSL اور OKLCH کا موازنہ
HEX سب سے مختصر اور سب سے زیادہ سپورٹ ہونے والا فارمیٹ ہے۔ #6366F1 دراصل سرخ، سبز اور نیلے کی ویلیوز ہیں جو 16 کی بنیاد (base 16) میں لکھی گئی ہیں۔ ڈیزائن ہینڈ آف کے لیے بہترین ہے مگر آنکھ سے اندازہ لگا کر بدلنا مشکل ہے۔
RGB وہی معلومات 0 سے 255 تک کے پورے نمبروں میں رکھتا ہے۔ یہ اس وقت کام آتا ہے جب رنگ کوڈ سے آ رہا ہو، جیسے canvas یا کسی امیج لائبریری سے۔
HSL رنگ کو رنگت، سیچوریشن اور روشنی میں بانٹتا ہے، اس لیے رنگت بدلے بغیر رنگ ہلکا کیا جا سکتا ہے۔ اس کی کمزوری یہ ہے کہ اس کی روشنی آنکھ کے مطابق نہیں: 50% روشنی والا پیلا 50% والے نیلے سے کہیں زیادہ روشن لگتا ہے۔
OKLCH یہ مسئلہ حل کرتا ہے۔ اس کی روشنی انسانی نظر کے مطابق چلتی ہے، اس لیے آپ ایسے شیڈز کی سیڑھی بنا سکتے ہیں جس کا ہر قدم برابر لگے، یا ٹیکسٹ کا کنٹراسٹ تقریباً وہی رکھتے ہوئے رنگت بدل سکتے ہیں۔ ڈیزائن ٹوکنز اور تھیمز کے لیے یہ عموماً بہترین انتخاب ہے، اور پرانے ٹولز کے لیے HEX بیک اپ کے طور پر رکھ لیں۔
کنٹراسٹ کو درست رکھنا
عام ٹیکسٹ کے لیے کم از کم 4.5:1 اور بڑی سرخیوں اور آئیکنز کے لیے 3:1 کا ہدف رکھیں۔ درمیانے شیڈز اکثر ایک پس منظر پر پاس اور دوسرے پر فیل ہوتے ہیں، اس لیے اگر آپ کی سائٹ پر ڈارک موڈ ہے تو سفید اور سیاہ دونوں دیکھیں۔ اگر برانڈ کا رنگ فیل ہو تو ٹیکسٹ کے لیے اس کی OKLCH روشنی تھوڑی کم کر دیں اور اصل رنگ پس منظر اور بارڈرز کے لیے رکھیں۔
اسی رنگ کا کوئی چھوٹا آئیکن سیدھا اپنی CSS میں لگانا ہو تو تصویر سے Base64 اسے data URI میں بدل دیتا ہے۔ اپنی سائٹ کا لنک QR کوڈ جنریٹر سے اسکین ہونے والے کوڈ میں بدلیں، اور تھیم کی فائلیں JSON فارمیٹر سے صاف رکھیں۔