تولید کننده ی رنگ برای Javascript
ما در این مطلب با فایل randomColor.js کار داریم. حجم این فایل تقریبا ۸ کیلو بایت هست. البته اگر اونو فشرده کنید ، کمتر هم میشه. من این فایل رو در آخر همین مطلب قرار دادم و شما میتونین اونو دانلود کنید و ازش استفاده کنید.

برای شروع یک فایل بنام index.html بسازید و کدهای زیر رو درونش قرار بدین :

random

همونطور که میبینید ، فایل JS رو به سندمون اضافه کردیم و در انتها هم یک تگ باز و بسته ی Script قرار دادیم ، که در اون میتونیم کدهای مورد نظرمونو بنویسیم.

برای ساختن یک کد رنگ تصادفی ( random ) میتونین به روش زیر عمل کنید :

color

خروجی دستور بالا یک کد هگز ( Hex ) رنگ هست ، که با هر بار Refresh کد رنگ تغییر میکنه.

اگر بخواید که فرمت کد خروجی بصورت کد هگز نباشه ، میتونین با استفاده از خصوصیت format اونو تغییر بدین. این خصوصیت ۴ مقدار hex و rgb و rgbArray و hsvArray رو دریافت میکنه.

مقدار پیش فرض این خصوصیت در ابتدا hex هست که میتونین اون رو تغییر بدین. بصورت زیر :

22

با این کار کد رنگی که در خروجی تولید میشه ، بصورت rgb هست.

همچنین شما میتونین کاری کنید که رنگ های مشابه در خروجی داشته باشین. مثلا اگر شما رنگ زرد رو انتخاب کنید ، خروجی میتونه زرد کم رنگ تا پر رنگ باشه. برای این کار از خصوصیت hue استفاده میکنیم و مقدار آن را هم ، آن رنگی قرار میدیم که میخوایم رنگ های مشابه اون رو درست کنیم. مثلا کد زیر رو در نظر بگیرید :

hy

حالا اگر خروجی رو ببینید ، رنگ سبز رنگ پایه هست و کم رنگ و پر رنگ میشه. مثل تصویر زیر :

jhh

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

اگر میخواید که به یکباره مثلا ۲۰ کد رنگ در خروجی دریافت کنید ، میتونین از خصوصیت count استفاده کنید و مقدار اون رو برابر با ۲۰ بزارین. بصورت زیر :

hur

با این کار خروجی یک آرایه خواهد بود ، که هر عضو اون یک کد رنگ هست. این آرایه ۲۰ عضو داره و میتونین از اون استفاده کنید.

همچنین شما میتونین مشخص کنید که رنگ تیره میخواید یا رنگ روشن. برای اینکار میتونین از خصوصیت luminosity استفاده کنید. این خصوصیت دو مقدار light و dark رو دریافت میکنه و به ترتیب رنگهای روشن و تیره رو در اختیارمون قرار میده.

مثلا کد زیر رو در نظر بگیرین :

ytt

با این کار در خروجی ۲۷ کد رنگ در اختیارتون قرار میگیره و همشون هم رنگ های روشن هستند. خروجی به صورت زیر هست :

ku

حالا اگه بخواید رنگهای تیره درست کنید ، میتونین بصورت زیر عمل کنید :

27

خروجی اون هم بصورت زیر هست :

uut