۱۰ مورد از بهترین افزونه های انتخاب کننده رنگ جاوا اسکریپت

پیدا کردن کد رنگ ها همیشه دشوار بوده است. بهترین پلاگین های انتخاب رنگ Javascript به ما کمک می کند تا کد هر رنگی را که می خواهیم انتخاب کنیم ، پیدا کنیم. چندین وب سایت کد رنگ را در اختیار ما قرار می دهند. کدهای رنگی فقط مقدار فرکانس سه رنگ RED ، GREEN و BLUE هستند. در این مقاله بهترین افزونه های انتخاب کننده رنگ جاوا اسکریپت را معرفی می کنیم.

نویسنده سید علی اندرزگو

۱۰ مورد از بهترین افزونه های انتخاب کننده رنگ جاوا اسکریپت

پیدا کردن کد رنگ ها همیشه دشوار بوده است. بهترین پلاگین های انتخاب رنگ Javascript به ما کمک می کند تا کد هر رنگی را که می خواهیم انتخاب کنیم ، پیدا کنیم. چندین وب سایت کد رنگ را در اختیار ما قرار می دهند. کدهای رنگی فقط مقدار فرکانس سه رنگ RED ، GREEN و BLUE هستند. در این مقاله بهترین افزونه های انتخاب کننده رنگ جاوا اسکریپت را معرفی می کنیم.

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

تفاوت اندک در مقدار کد رنگ به معنای تفاوت اندک در شکل گیری رنگ است. مقدار فرکانس سه رنگ از ۰ تا ۲۵۵ متغیر است. با افزایش مقدار، استفاده از رنگ در شکل گیری رنگ نهایی افزایش می یابد.

۱ . ColorPicker – Advance JavaScript Color Picker

با کمک این افزونه رنگ می توانیم عددی رنگی را که از آنجا انتخاب می کنیم دریافت کنیم. ما از بین مجموعه مشخصی از رنگ ها، رنگی را انتخاب می كنیم و به سادگی از نظر سه رنگ RED ،GREEN و BLUE مقدار عددی آن را دریافت می كنیم.

WebsiteGitHub

۲ . Evol- ColorPicker

مقادیر رنگ با استفاده از این انتخاب رنگ به همراه طراحی پس زمینه تعیین می شود. به نظر می رسد شبیه به انتخاب رنگ مایکروسافت آفیس ۲۰۱۰ است. مهمترین مزیت استفاده از این افزونه رنگ این است که از رنگ شفاف نیز پشتیبانی می کند و کد شفافیت را در اختیار ما قرار می دهد.

WebsiteGitHub

۳ . JS Color – Javascript Web Color Picker

گزینه های رنگ پس زمینه و رنگ پیش زمینه در این افزونه موجود است. با استفاده از این پلاگین انتخاب رنگ بسیار ساده می شود. تفاوت اندکی در مکانیسم این افزونه رنگ وجود دارد. در اینجا ما یک کد را تایپ می کنیم تا شکل رنگ را ببینیم و اگر برخلاف دیگران خوب به نظر برسد آن را انتخاب می کنیم.

Download and Demo

۴ . Jquery Color Palette Picker

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

WebsiteGitHub

۵ . Farbtastic Color Picker

با انتخاب رنگ از گزینه، کد نمایش رنگ را نشان می دهد. اگر مقداری از فایل آن را در صفحه HTML قرار دهیم ، می توانیم به سادگی به انتخاب رنگ دسترسی پیدا کنیم. با این حال ، ما همچنین می توانید همان روش Jquery را که یک روش پیشرفته است ، پیاده سازی کنیم.

Source and Demo

۶ . Color Picker Jquery Plugin

رابط کاربری انتخاب رنگ مشابه رابط کاربری ما در Adobe Photoshop است. به محض انتخاب یک رنگ از جعبه ، کدهای رنگ در کادر پایین نمایش داده می شود. استفاده از این کار آسان و مؤثر است. با این حال ، رابط بسیار قدیمی ، ساده و درجه یک به نظر می رسد.

Website

۷ . Pick-a-color for Twitter Bootstrap

Bootstrap از این نوع انتخابگر رنگ استفاده می کند. ما می توانیم به سادگی این را بارگیری کنیم و از روشی مشابه استفاده کنیم. ما فقط باید فایل بارگیری شده را نصب کنیم و آن را در قسمت HTML کد خود وارد کنیم و بتوانیم از آنجا استفاده کنیم.

۸ . ColorJoe – Scaleable Color Picker

انتخابگر رنگ به محض انتخاب رنگ از پالت ، به مقادیر رنگ می دهد. چهار نوع انتخابگر رنگ در اینجا موجود است. ما به طور کلی از رنگ اول – RGB Picker استفاده می کنیم زیرا تمام رنگی که استفاده می کنیم شکل ترکیبی از رنگ RGB است.

WebsiteGitHub

۹ . FlexiColor Picker

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

WebsiteGitHub

۱۰ . Photoshop-like Javascript Color Picker

رابط کاربری شبیه به Adobe Photoshop است. انتخاب قسمت رنگ در سمت راست قرار دارد و به محض انتخاب ، کد رنگ در کادر سمت راست نمایش داده می شود. برای تمام رنگ های RED ، GREEN و BLUE می توان کد رنگ را مشاهده کرد. علاوه بر این ، ما کد رنگ کلی را می بینیم.

WebsiteDemo

.

منبع

پاسخی بگذارید

ایمیل شما منتشر نشده و نزد ما محفوظ است.