کلر اسٹوڈیو

ایک انٹرایکٹو رنگ چکر سے ہم آہنگ رنگ پیلیٹ بنائیں — انالوگس، کمپلیمینٹری یا ٹرائیڈ جیسے ہارمنی قواعد لاگو کریں، پھر کوئی بھی قیمت فوری کاپی کریں۔

ایک شروعاتی رنگ کو ختمی رنگ میں ۱۰ مراحل تک ملائیں — گریڈینٹ کا پریویو دیکھیں، ہر شیڈ لیں اور کوئی بھی فارمیٹ فوری کاپی کریں۔

ایک رنگ سے ٹِنٹس اور شیڈز کی مکمل رینج بنائیں — اپنا گہرا/ہلکا مرحلہ اور شیڈ تعداد چنیں، پھر کوئی بھی قیمت فوری کاپی کریں۔

کسی بھی تصویر سے نفیس، کاپی کے لیے تیار رنگ پیلیٹ نکالیں۔

HEX، RGB، RGBA، HSL، HSLA اور HSV کے درمیان رنگ تبدیل کریں — ایک رنگ چنیں، الفا تبدیل کریں، اور کوئی بھی فارمیٹ فوری کاپی کریں۔

کسی بھی رنگ کے لیے قریب ترین CSS نامی رنگ اور قریب ترین Tailwind شیڈ تلاش کریں — ادراکی طور پر ملایا گیا، کاپی کے لیے تیار قیمتوں کے ساتھ۔

آئی ڈراپر سے اپنی اسکرین کا کوئی بھی پکسل نمونہ لیں، یا ڈراپ کی گئی تصویر سے رنگ چنیں، اور انہیں کاپی کے لیے تیار پیلیٹ میں جمع کریں۔

کسی بھی تصویر سے خوبصورت گریڈینٹ نکالیں — ایک تصویر ڈالیں، موڈ چنیں، اور غالب رنگ قابلِ ڈریگ گریڈینٹ اسٹاپس بن جاتے ہیں۔ فوری استعمال کے لیے تیار CSS کاپی کریں۔

قابلِ ڈریگ ملٹی اسٹاپ کنٹرول اور تیار پری سیٹس کے ساتھ لینئر، ریڈیل اور کونک CSS گریڈینٹس بنائیں۔ فوری استعمال کے لیے تیار CSS کاپی کریں۔

رنگوں کا ایک سیٹ چسپاں یا درآمد کریں اور انہیں فوری طور پر CSS ویری ایبلز، SCSS، Tailwind کنفگ، JSON یا SVG سواچز میں برآمد کریں — کسی بھی پیلیٹ کا آخری قدم۔

متن اور پس منظر کے رنگ کے درمیان WCAG کنٹراسٹ تناسب جانچیں — معمول کے متن، بڑے متن اور UI اجزاء کے لیے AA/AAA پاس-فیل گریڈ دیکھیں، لائیو پریویو اور قابلِ رسائی رنگ کی تجاویز کے ساتھ۔

اپنی تصویر یا پیلیٹ کو اس طرح دیکھیں جیسے پروٹانوپیا، ڈیوٹیرانوپیا، ٹرائٹانوپیا یا اکروماٹوپسیا والے لوگ دیکھتے ہیں — مکمل طور پر آپ کے براؤزر میں چلتا ہے، کچھ اپ لوڈ نہیں ہوتا۔