در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت گرافیکی و با رابط کاربری ساده میتونین با تابع رنگ یا CSS Color Function کار کنید. برای شروع وارد سایت ColorMe بشین.
همونطور که به احتمال زیاد اطلاع دارید، در پیش نویس استانداردهای CSS یک تابع برای کار با رنگها بنام color معرفی شده که با استفاده از اون میتونین رنگهای متفاوتی رو با ویژگی ها و ساختارهای گوناگون به وجود بیارید.
این تابع در پیش نویس قرار دارد و هنوز مرورگرها از اون پشتیبانی نمیکنن ولی شما میتونین از ابزارهای مختلفی که وجود داره (مانند cssNext و PostCSS) استفاده کنید.
در ColorMe بصورت آنلاین میتونین در سمت چپ یک رنگ دلخواه رو با فرمتهای مختلف قرار بدین (یا با استفاده از آیکون زیر رنگی رو انتخاب کنید):
بعد از اینکه رنگ مورد نظر رو انتخاب کردید، با استفاده از قسمت پایین سایت میتونین تغییراتی در رنگ مورد نظر به وجود بیارید و خروجی اون رو در سمت راست بصورت لحظه ای مشاهده کنید.
همونطور که در تصویر بالا مشاهده میکنید، یک اسکرول افقی در زیر سایت وجود داره که با کشیدن اون به سمت راست، میتونین تنظیمات دیگر رو نیز تغییر بدین.
با تغییراتی که به وجود آوردید، رنگ خروجی در سمت راست نمایش داده میشه و میتونین فرمت اون رو تغییر داده و از اون در جاهایی که قصد دارید استفاده کنید.
امیدوارم بدردتون بخوره.
موفق باشید.
یا علی
سون لرن • آموزش...