ColorMe : ابزار آنلاین برای کار با تابع رنگ CSS Color Function

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت گرافیکی و با رابط کاربری ساده میتونین با تابع رنگ یا CSS Color Function کار کنید. برای شروع وارد سایت ColorMe بشین.

نحوه کار با این ابزار

همونطور که به احتمال زیاد اطلاع دارید، در پیش نویس استانداردهای CSS یک تابع برای کار با رنگها بنام color معرفی شده که با استفاده از اون میتونین رنگهای متفاوتی رو با ویژگی ها و ساختارهای گوناگون به وجود بیارید.

این تابع در پیش نویس قرار دارد و هنوز مرورگرها از اون پشتیبانی نمیکنن ولی شما میتونین از ابزارهای مختلفی که وجود داره (مانند cssNext و PostCSS) استفاده کنید.

در ColorMe بصورت آنلاین میتونین در سمت چپ یک رنگ دلخواه رو با فرمتهای مختلف قرار بدین (یا با استفاده از آیکون زیر رنگی رو انتخاب کنید):

بعد از اینکه رنگ مورد نظر رو انتخاب کردید، با استفاده از قسمت پایین سایت میتونین تغییراتی در رنگ مورد نظر به وجود بیارید و خروجی اون رو در سمت راست بصورت لحظه ای مشاهده کنید.

1. با کلیک بر روی این متن، حالت خلاصه نویسی شده برای تابع color فعال و غیرفعال میشه.
2. در اینجا خروجی تابع color نمایش داده میشه
3. در این قسمت میتونین تیک گزینه های مختلف رو بزنین و با استفاده از اسلایدری که وجود داره، مقدار اونا رو کم و زیاد کنید.

همونطور که در تصویر بالا مشاهده میکنید، یک اسکرول افقی در زیر سایت وجود داره که با کشیدن اون به سمت راست، میتونین تنظیمات دیگر رو نیز تغییر بدین.

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

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی