رنگ پیلیٹ جنریٹر: اسکیم، شیڈز اور برآمد – مفت
مفت، سائن اپ کی ضرورت نہیں، آپ کے براؤزر میں چلتا ہے۔ اسپیس بار دبا کر پانچ رنگوں کا پیلیٹ بنائیں، پسندیدہ رنگ لاک کریں، یا اپنے رنگ سے اسکیم بنائیں۔ ہر رنگ کے 11 شیڈز دیکھیں اور CSS ویری ایبلز، Tailwind، JSON یا HEX میں برآمد کریں۔
ایک رنگ سے بنائیں
رنگ کی ہم آہنگی رنگ کے پہیے پر رنگت بدلتی ہے: ملتی جلتی رنگتیں قریب رہتی ہیں، متضاد رنگت مخالف سمت سے آتی ہے، اور سہ رنگی تین رنگتوں کو برابر فاصلے پر رکھتی ہے۔
#2F5BFF کے شیڈز
شیڈ کاپی کرنے کے لیے اس پر کلک کریں۔ دوسرے شیڈز دیکھنے کے لیے پیلیٹ میں کوئی اور رنگ چنیں۔
برآمد کریں
پیلیٹ آپ کے آلے پر بنتے ہیں۔
رنگوں کا پیلیٹ بنانے والا کیوں استعمال کریں
- 100% مفت
- جتنی بار چاہیں استعمال کریں۔ سائن اپ نہیں، واٹر مارک نہیں، کچھ انسٹال نہیں کرنا۔
- ڈیزائن سے نجی
- جو آپ لکھتے ہیں وہ آپ کے براؤزر میں رہتا ہے اور کبھی ہمیں نہیں بھیجا جاتا۔
- ہر آلے پر کام کرتا ہے
- Windows، Mac، Linux، Android اور iPhone پر آپ کے براؤزر میں چلتا ہے۔ کسی ایپ کی ضرورت نہیں۔
رنگوں کا پیلیٹ بنانے والا کیسے استعمال کریں
- “پیلیٹ بنائیں” پر کلک کریں، یا اسپیس بار دبائیں، جب تک آپ کو پسند کے رنگ نہ ملیں۔
- کسی بھی رنگ پر “لاک” کریں تاکہ باقی بدلنے پر وہ رہے۔ “ترمیم کریں” سے پکر کے ساتھ رنگ کو باریک کریں۔
- اپنے رنگ سے شروع کرنے کے لیے، “ایک رنگ سے بنائیں” کے تحت رنگ لکھیں، ایک ہم آہنگی چنیں (مماثل، تکمیلی، تقسیم شدہ تکمیلی، تثلیثی، چہارگانہ یا یک رنگی) اور “لاگو کریں” پر کلک کریں۔
- رنگ کے HEX کوڈ پر کلک کریں تاکہ اس کے 50 سے 950 تک 11 شیڈز دیکھیں۔ کسی شیڈ پر کلک کر کے اسے کاپی کریں۔
- “برآمد” کے تحت CSS ویری ایبلز، Tailwind، JSON یا HEX فہرست چنیں، پھر کاپی کریں یا ڈاؤن لوڈ کریں۔
اکثر پوچھے جانے والے سوالات
ایک رنگ سے رنگوں کا پیلیٹ کیسے بناؤں؟
“ایک رنگ سے بنائیں” کے تحت اپنا رنگ لکھیں یا چنیں، ایک ہم آہنگی چنیں اور “لاگو کریں” پر کلک کریں۔ آپ کو اس کے ساتھ جانے والے پانچ رنگ ملیں گے، اور جو رنگ آپ نے لاک کیے ہیں وہ جوں کے توں رہیں گے۔
رنگوں کی ہم آہنگیاں کیا ہوتی ہیں؟
رنگ پہیے پر ان کی جگہ کے لحاظ سے چنے گئے رنگوں کے سیٹ۔ مماثل رنگ ساتھ ساتھ ہوتے ہیں، تکمیلی رنگ ایک دوسرے کے سامنے ہوتے ہیں، تقسیم شدہ تکمیلی مخالف رنگ کے دونوں طرف والے رنگ لیتا ہے، تثلیثی تین رنگوں کو برابر فاصلے پر رکھتا ہے، چہارگانہ چار استعمال کرتا ہے، اور یک رنگی ایک ہی رنگ کو مختلف روشنی میں رکھتا ہے۔
مجھے کون سی ہم آہنگی چننی چاہیے؟
مماثل اور یک رنگی پرسکون لگتے ہیں اور زیادہ تر ویب سائٹس اور برانڈز کے لیے موزوں ہیں۔ تکمیلی اور تثلیثی زیادہ نمایاں تضاد دیتے ہیں، جو لہجے، بٹنوں اور پرجوش ڈیزائن کے لیے اچھا ہے۔
شیڈز اور ٹنٹس کیا ہیں؟
ایک ہی رنگ کے گہرے اور ہلکے ورژن۔ شیڈ اسکیل ایک ہی رنگت میں 50 (سب سے ہلکا) سے 950 (سب سے گہرا) تک گیارہ قدم دیتا ہے، جس طرح ڈیزائن سسٹمز انہیں نام دیتے ہیں۔
میں پیلیٹ اپنے کوڈ میں کیسے استعمال کروں؟
اسے CSS ویری ایبلز (--color-1 سے --color-5)، Tailwind کے @theme بلاک، JSON ارے، یا HEX کوڈوں کی سادہ فہرست کے طور پر برآمد کریں، پھر اسے کاپی کریں یا فائل کے طور پر ڈاؤن لوڈ کریں۔
کیا Tailwind برآمد Tailwind CSS v4 کے ساتھ کام کرتا ہے؟
جی ہاں۔ یہ @theme بلاک ہے جس میں --color-palette-100 سے --color-palette-500 ہیں، جنہیں Tailwind v4 bg-palette-100 جیسی کلاسز میں بدل دیتا ہے۔ v3 کے لیے HEX کوڈ اپنی config فائل کے colors حصے میں کاپی کریں۔
کیا میں کچھ رنگ رکھ کر باقی بدل سکتا ہوں؟
جی ہاں۔ جو رنگ رکھنے ہوں انہیں لاک کریں۔ “پیلیٹ بنائیں” اور “لاگو کریں” صرف غیر لاک شدہ رنگ بدلتے ہیں، اور بے ترتیب پیلیٹ آپ کے پہلے لاک شدہ رنگ کے ساتھ جانے والا بنتا ہے۔
کیا کچھ اپ لوڈ ہوتا ہے؟
نہیں۔ پیلیٹ آپ کے آلے پر بنتے ہیں۔
کیا رنگوں کا پیلیٹ بنانے والا مفت ہے؟
جی ہاں۔ یہ استعمال کے لیے مفت ہے، سائن اپ کی ضرورت نہیں اور کچھ انسٹال نہیں کرنا۔
مدد اور طریقہ کار کی گائیڈز (انگریزی میں)
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- Holi Colors: Gulal Color Palette with HEX Codes (Free)Holi colours as HEX codes for posters, invites and social posts: gulal pink, marigold, kesari, green, blue, purple, with readable text. Free palette generator.
- Indian Wedding Color Palette Ideas with HEX Codes (Free)Five Indian wedding colour palettes with HEX codes for invites and decor: haldi yellow, mehndi green, sindoor red and gold, jewel tones. Free palette generator.
- Figma Alternatives: Free and Paid UI Design ToolsThe best Figma alternatives compared, including Penpot, Sketch, Lunacy, Framer and EveryApp's Interface Designer, with how to move your .fig files.
متعلقہ ٹولز
- تصویر سے رنگوں کا پیلیٹتصویر، لوگو یا اسکرین شاٹ کے اہم رنگ HEX کوڈ میں حاصل کریں، ہر رنگ کا تناسب بھی۔ 2 سے 12 رنگ چنیں، کسی بھی نقطے پر کلک کریں، اور کاپی کریں۔ تصویر آپ کے آلے پر رہتی ہے۔
- رنگ کنٹراسٹ چیکرمتن کا رنگ اور پس منظر کا رنگ لکھیں تاکہ WCAG کنٹراسٹ تناسب اور AA اور AAA کے پاس یا فیل نتائج دیکھیں۔ فیل ہو تو قریب ترین پاس ہونے والا رنگ کلک کریں۔
- CSS گریڈینٹ جنریٹر2 سے 8 رنگوں کے ساتھ لینیئر، ریڈیل یا کونک گریڈینٹ بنائیں، لائیو دیکھیں اور CSS کوڈ کاپی کریں۔ PNG کے طور پر HD، 4K یا بینر سائز میں ڈاؤن لوڈ بھی کریں۔
- HEX سے RGB رنگ کنورٹرHEX کو RGB میں، یا RGB کو HEX میں، ٹائپ کرتے ہی تبدیل کریں: کسی بھی شکل میں رنگ کوڈ پیسٹ کریں اور HEX، RGB، HSL، HSV اور CMYK ایک ساتھ حاصل کریں، ہر ایک کے ساتھ کاپی بٹن۔ 8 ہندسوں والے HEX اور rgba() کے لیے شفافیت سیٹ کریں، اور دیکھیں کہ رنگ پر سفید یا سیاہ متن کتنا پڑھنے کے قابل ہے۔