رنگوں کے شیڈز جینریٹر
کسی بھی رنگ کے ٹنٹس اور شیڈز۔
مقررہ ٹوکنز 50–950؛ 50 سب سے ہلکا، 950 سب سے گہرا، اور 500 عین ان پٹ رنگ ہے۔
UI تناسب؟ ایسپیکٹ ریشیو کیلکولیٹر · ہم آہنگی: کلر پیلیٹ جنریٹر · WCAG: کلر کنٹراسٹ چیکر.
رنگوں کا پیلیٹ بنائیں
مقررہ ادراکی 50–950 ڈیزائن سسٹم اسکیل یا حسب ضرورت tint/shade مراحل بنائیں، پھر CSS custom properties نقل کریں یا JSON ڈاؤن لوڈ کریں۔
عمومی سوالات
ٹنٹ اور شیڈ کیا ہے؟
Tint کسی رنگ کی ہلکی شکل ہے اور shade گہری شکل۔ یہ ٹول encoded sRGB چینلز کو interpolate کرنے کے بجائے ادراکی OKLCH lightness اور chroma کو ایڈجسٹ کرتا ہے۔
میں رنگ کیسے نقل کروں؟
کسی بھی swatch کی HEX قدر کاپی کرنے کے لیے اس پر کلک کریں۔ مکمل scale ایکسپورٹ کرنے کے لیے ”CSS variables کاپی کریں“ یا ”JSON ڈاؤن لوڈ کریں“ استعمال کریں۔
یہ کس لیے مفید ہے؟
ایک brand color سے color palettes اور design-system scales بنائیں — انہیں CSS custom properties یا Tailwind-style tokens کے طور پر ایکسپورٹ کریں۔
آخر اپ ڈیٹ شدہ: