مفت رنگ پیلیٹ جنریٹر

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

یہ ٹول بغیر کسی بیرونی لائبریری کے بنا ہے — تمام رنگی حساب ہاتھ سے لکھے JavaScript میں براہ راست آپ کے براؤزر میں چلتا ہے۔ یہ آپ کے منتخب رنگ کو ہیکس اور HSL کے درمیان بدلتا ہے، پھر ہر پیلیٹ بنانے کے لیے رنگی پہیے پر حساب کے ذریعے کلاسیکی رنگی ہم آہنگی کے قواعد (complementary، triadic، analogous وغیرہ) لگاتا ہے۔

1. 1
   ہیکس سے HSL تبدیلی

   جب آپ رنگ منتخب کرتے ہیں تو ٹول ہیکس اسٹرنگ کو RGB اجزاء میں پارس کر کے HSL (رنگت، سیچوریشن، lightness) میں بدلتا ہے۔ رنگت رنگی پہیے پر 0–360 ڈگری کا مقام ہے؛ پیلیٹ کا سارا حساب اسی اسپیس میں ہوتا ہے۔
2. 2
   ہم آہنگی کے لیے رنگت کا حساب

   ہر پیلیٹ قسم بنیادی رنگت پر لگایا گیا ایک مقررہ گردشی فارمولا ہے۔ Complementary میں 180° جمع، triadic میں 120° اور 240°، tetradic میں 90° کے قدم، split-complementary میں 150° اور 210°۔ Monochromatic اور shades رنگت اور سیچوریشن مستقل رکھتے ہوئے lightness اوپر نیچے کرتے ہیں۔
3. 3
   HSL سے ہیکس آؤٹ پٹ

   ہر حساب شدہ HSL تینہ معیاری chroma فارمولے سے واپس ہیکس رنگ میں بدلا جاتا ہے۔ نتائج ایک رنگی پٹی کے طور پر خودکار کنٹراسٹ لیبلز کے ساتھ دکھتے ہیں (ہلکے نمونوں پر گہرا متن، گہرے پر ہلکا) جو ایک سادہ luminance حد سے طے ہوتے ہیں۔
4. 4
   اپنے پسندیدہ فارمیٹ میں ایکسپورٹ کریں

   پیلیٹ ہیکس اسٹرنگز کے طور پر کاپی ہو سکتی ہے یا CSS variables فائل (:root { --color-1: … })، SCSS variables، Tailwind config ٹکڑا، JSON آبجیکٹ یا PNG رنگی پٹی کے طور پر ایکسپورٹ ہو سکتی ہے۔ PNG ایکسپورٹ براؤزر کی Canvas API (toDataURL) سے ہر نمونہ اس کے ہیکس لیبل کے ساتھ بناتا ہے — سب کچھ کلک پر مقامی طور پر بنتا ہے۔

متعلقہ ٹولز