کلر پیلیٹ جنریٹر

بنیادی رنگ دیں تو یہ کلر وہیل پر ہیو گھما کر چھ پیلیٹ بناتا ہے۔ رنگ دبا کر HEX کاپی کریں، یا پورا سیٹ CSS ویری ایبل کے طور پر کاپی کریں۔

استعمال کیسے کریں

  1. HEX، rgb()، hsl() یا پکر سے بنیادی رنگ طے کریں۔
  2. چھ پیلیٹ دیکھیں — متضاد، ہمسایہ، سہ رنگی اور باقی۔
  3. رنگ دبا کر HEX کاپی کریں، یا سیٹ کو CSS ویری ایبل میں کاپی کریں۔

پیلیٹ HSL میں صرف ہیو گھماتے ہیں اور آپ کے رنگ کی سیرابی و روشنی برقرار رکھتے ہیں، اس لیے پیسٹل ڈالیں تو پیسٹل اور گہرا ڈالیں تو گہرے پیلیٹ ملتے ہیں۔

ہر رنگ پر لکھا عدد دکھائے گئے متن کے رنگ کے ساتھ WCAG تضاد کا تناسب ہے۔ عام متن کے لیے 4.5:1 اور بڑی سرخیوں کے لیے 3:1 چاہیے۔

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

متضاد رنگ کیسے طے ہوتا ہے؟

کلر وہیل پر 180° سامنے والا رنگ۔ تضاد سب سے تیز ہوتا ہے، اس لیے نمایاں کرنے کو اچھا مگر بڑی سطح پر آنکھیں تھکاتا ہے — کل رقبے کا 10 تا 20% مناسب ہے۔

کون سا پیلیٹ چنوں؟

پس منظر اور کارڈ کے لیے ہمسایہ یا یک رنگی محفوظ ہے۔ بٹن، بیج، انتباہ جیسی نمایاں چیزوں کے لیے متضاد یا منقسم متضاد۔

CSS کاپی میں کیا ملتا ہے؟

سیٹ کے نام والی کسٹم پراپرٹیز کی فہرست، جیسے `--triadic-1: #3366CC;` — سیدھا `:root` میں چسپاں کریں۔

میرا رنگ کہیں بھیجا جاتا ہے؟

نہیں۔ ہر تبدیلی اور پیلیٹ براؤزر میں ہی بنتا ہے۔

ملتے جلتے ٹولز