ڈیزائن اور رنگ
پکرز، palettes، gradients اور کنٹراسٹ چیکرز۔
رنگ پکر اور کنورٹر
ایک رنگ منتخب کریں اور HEX، RGB، HSL اور OKLCH میں تبدیل کریں۔
نیا رنگ کنٹراسٹ چیکر
متن اور پس منظر کے رنگوں کے درمیان WCAG AA/AAA کنٹراسٹ تناسب جانچیں۔
نیا CSS Gradient جنریٹر
live preview کے ساتھ linear، radial اور conic CSS gradients بنائیں۔
نیا CSS Box-Shadow جنریٹر
presets اور live preview کے ساتھ multi-layer CSS box-shadows بنائیں۔ CSS، value یا React style فوری کاپی کریں۔
نیا رنگ palette جنریٹر
تکمیلی، مماثل، مثلثی اور monochromatic palettes بنائیں۔
نیا Cubic Bezier جنریٹر
control points گھسیٹ کر CSS easing curve ڈیزائن کریں، live preview کے ساتھ۔
نیا Border Radius جنریٹر
CSS گول کونے اور نامیاتی blob اشکال بصری طور پر بنائیں۔
نیا CSS Flexbox Playground
live preview کے ساتھ flex properties ایڈجسٹ کریں اور CSS کاپی کریں۔
نیا CSS Grid Playground
live preview اور CSS کے ساتھ grid columns، gap اور alignment ایڈجسٹ کریں۔
نیا Glassmorphism جنریٹر
frosted-glass card ڈیزائن کریں اور CSS کاپی کریں، live preview کے ساتھ۔
نیا CSS Text-Shadow جنریٹر
live preview کے ساتھ CSS text shadow ٹیون کریں اور کوڈ کاپی کریں۔
نیا رنگ ملانے والا
دو رنگوں کو کسی بھی تناسب میں ملائیں اور نتیجہ یا کوئی بھی مرحلہ کاپی کریں۔
نیا امیج کلر پکر
تصویر سے کوئی بھی رنگ چنیں اور اس کا نمایاں پیلیٹ HEX، RGB اور HSL میں حاصل کریں۔
نیا Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
نیا Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.