رنگ شیڈ جنریٹر
ایک رنگ سے ٹِنٹس اور شیڈز کی مکمل رینج بنائیں — اپنا گہرا/ہلکا مرحلہ اور شیڈ تعداد چنیں، پھر کوئی بھی قیمت فوری کاپی کریں۔
ایک بنیادی رنگ، مرحلے کا فیصد اور تعداد چنیں — ہر ٹِنٹ اور شیڈ آپ کے براؤزر میں فوری حساب ہوتا ہے۔
رنگ شیڈ جنریٹر کے بارے میں
کلر شیڈز جنریٹر ایک ہی رنگ کو ٹنٹس اور شیڈز کی مکمل رینج میں پھیلاتا ہے۔ اسے ایک بنیادی رنگ دیں اور یہ ایک طرف بتدریج ہلکے ٹنٹس اور دوسری طرف بتدریج گہرے شیڈز بناتا ہے — جدید ڈیزائن سسٹمز میں استعمال ہونے والا کلاسک 50-سے-900 طرز کا ریمپ۔
دو کنٹرولز آؤٹ پٹ کو شکل دیتے ہیں: اسٹیپ فیصد یہ طے کرتا ہے کہ ہر شیڈ کتنا ہلکا یا گہرا ہو (1–25% فی مرحلہ)، اور تعداد یہ طے کرتی ہے کہ بنیادی رنگ کے ہر طرف کتنے ٹنٹس اور شیڈز نظر آئیں، دس تک۔ ایک گریڈینٹ پٹی ایک نظر میں پورے ریمپ کا پیش منظر دکھاتی ہے۔
آپ کے ٹائپ کرتے ہی جنریشن فوراً آپ کے براؤزر میں ہوتی ہے — کچھ بھی سرور کو نہیں بھیجا جاتا۔ کوئی بھی ایک ویلیو، مکمل فہرست، یا پورا ریمپ CSS ویری ایبلز کے طور پر کاپی کریں، جو ڈیزائن ٹوکن فائل یا Tailwind طرز کے کلر اسکیل میں ڈالنے کے لیے تیار ہے۔
رنگ شیڈ جنریٹر استعمال کرنے کا طریقہ
- پکر سے بنیادی رنگ منتخب کریں یا ویلیو ٹائپ کریں؛ متاثر ہونے کے لیے "Random color" پر کلک کریں۔
- اسٹیپ فیصد مقرر کریں تاکہ کنٹرول کیا جا سکے کہ ہر شیڈ کتنا شدت سے ہلکا یا گہرا ہوتا ہے۔
- یہ فیصلہ کرنے کے لیے شیڈ کی تعداد منتخب کریں کہ ہر طرف کتنے ٹنٹس اور شیڈز نظر آئیں۔
- کسی سویچ کو کاپی کرنے کے لیے اس پر کلک کریں، یا پورے ریمپ کے لیے "Copy all" اور "Copy CSS variables" استعمال کریں۔