بانو جان
بانو جان
خواندن ۲ دقیقه·۱ سال پیش

UIColors از CSS برای ایجاد مقیاس های رنگی سفارشی برای طراحان استفاده می کند


UIcolors به طراحان این امکان را می دهد که یک کد هگزا را وارد کرده و بلافاصله یک مقیاس رنگ سفارشی برای پروژه های خود ایجاد کنند. این سریع، آسان و به طرز شگفت انگیزی موثر است.

طراحی سایت شرکت ساختمانی

همه ما یک پلاگین خوب Figma را دوست داریم. Unsplash، Iconify و Lorem Ipsum برای توسعه دهندگان نجات دهنده هستند. آیا UIColors می‌تواند افزودنی مفید بعدی به جعبه ابزار همیشه در حال رشد طراحان وب باشد؟ ما قطعا اینطور فکر می کنیم.


UIColors از Tailwind CSS برای آسان‌تر کردن یافتن رنگ‌های مکمل استفاده می‌کند. طراحان می توانند یک کد هگز را به صورت دستی وارد کنند، مقادیر HSL را تغییر دهند، یا برای انتخاب یک پالت رنگ تصادفی، کلید فاصله را فشار دهند. سپس، اسکریپت یک مقیاس رنگی با ده سایه مختلف مکمل ایجاد می کند.


برای ساده نگه داشتن چیزها، بیایید #FF0000 خوب قدیمی را انتخاب کنیم که معمولاً به عنوان "قرمز روشن" شناخته می شود.


وقتی کد هگز را در ژنراتور وارد می کنیم، بلافاصله مقیاس رنگ ما را ایجاد می کند. هر رنگ جدید با یک کد هگز همراه است که می توانم با یک کلیک آن را در کلیپ بورد خود کپی کنم.


UIColors همچنین مجموعه ای از نمونه ها را ایجاد می کند تا بتوانید نحوه عملکرد رنگ ها را در عمل ارزیابی کنید. از تصاویر و تقویم‌ها گرفته تا شیب‌ها و دکمه‌های موجود در سایت، می‌توانید دقیقاً ببینید که وقتی ویژگی‌های مختلف را به وب‌سایت خود اضافه می‌کنید، سایه‌های مختلف چگونه به نظر می‌رسند.


ما فقط سطح قابلیت های UIColors را در اینجا خراش می دهیم. این ابزار همچنین به شما امکان می دهد تا متغیرها، سبک ها و راهنمای رنگ های مختلف را بر اساس مقیاس هایی که ایجاد می کنید ایجاد کنید. امروز می توانید با مراجعه به وب سایت UIColors یا نصب آن از طریق Figma آن را امتحان کنید. چه کسی می داند؟ این برنامه ممکن است به تازگی بهترین دوست جدید شما شود.

توسعه دهندگانوب سایت
من عادت به مطالعه زیاد دارم. دوست دارم هر چیزی که میخونم و مفید بود رو اینجا برای شما هم به اشتراک بزارم
شاید از این پست‌ها خوشتان بیاید