کدهای جذاب و دیدنی ( position color picker ) : انتخاب رنگ با تغییر محل ماوس

زمان مطالعه: 1 دقیقه
۱۵ مهر ۱۳۹۶

در این قسمت میخوام یک کد ( position color picker ) جالب رو در اختیارتون بزارم.

position color picker

توضیحات مربوط به position color picker

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

هر جا که کلیک میکنید یک دایره کوچک در اونجا به همون رنگ ساخته میشه و زمانی که ماوستون رو مجددا حرکت میدید، میتونین رنگ جدید رو با رنگهای ذخیره شده قبلی مقایسه کنید و اونا رو در کنار یکدیگر ببینید.

با اسکرول نیز میتونین Saturation رنگها رو تغییر بدین.

برای نامگذاری رنگها از لیست color-names و ابزار Nearest Color استفاده شده است.

این لیست تقریبا نام 16706 رنگ رو درون خودش جا داده است.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

چه امتیازی به این مقاله می دید؟
نویسنده
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 
گزارش مشکل