CSS HSL রঙ

HSL মান

CSS-এ, HSL (হ্যারমোনাম, সুষমতা, উজ্জ্বলতা) ব্যবহার করে রঙ নির্দিষ্ট করা যায়, ফরম্যাট হল:

hsla(hue, saturation, lightness)

বর্ণধারা(hue)হল 0 থেকে 360 ডিগ্রির মধ্যে রঙপথের ডিগ্রি। 0 হল লাল, 120 হল সবুজ, 240 হল নীল

সুষমতা(saturation)হল শতকরা মান, 0% হল গ্রীষ্ম, 100% হল পূর্ণ রঙ

উজ্জ্বলতা(lightness)পরিমাণ হল শতকরা, 0% হল কালো, 50% হল না উজ্জ্বলও না গভীর, 100% হল সাদা。

এই HSL মানগুলির মিশ্রণের মাধ্যমে পরীক্ষা করুন:

 

HUE

0

SATURATION

100%

LIGHTNESS

50%

ইনস্ট্যান্স

hsl(0, 100%, 50%)
hsl(240, 100%, 50%)
hsl(147, 50%, 47%)
hsl(300, 76%, 72%)
hsl(39, 100%, 50%)
hsl(248, 53%, 58%)

আপনার হাতে পরীক্ষা করুন

সুষমতা

সুষমতা বর্ণনা করা যেতে পারে, যা রঙের শক্তি।

100% হল সত্যিকারী রঙ, কোনও গ্রীষ্ম শুষ্ক নেই

50% হল 50% গ্রীষ্ম, কিন্তু আপনি রঙ দেখতে পাবেন。

0% হল সম্পূর্ণ গ্রীষ্ম, আপনি রঙ দেখতে পাবেন না。

ইনস্ট্যান্স

hsl(0, 100%, 50%)
hsl(0, 80%, 50%)
hsl(0, 60%, 50%)
hsl(0, 40%, 50%)
hsl(0, 20%, 50%)
hsl(0, 0%, 50%)

আপনার হাতে পরীক্ষা করুন

উজ্জ্বলতা

রঙের উজ্জ্বলতা বর্ণনা করা যেতে পারে, যেখানে 0% অস্তিত্বহীন, 50% 50% উজ্জ্বল (না গভীরও না উজ্জ্বল), 100% পূর্ণ উজ্জ্বল।

ইনস্ট্যান্স

hsl(0, 100%, 0%)
hsl(0, 100%, 25%)
hsl(0, 100%, 50%)
hsl(0, 100%, 75%)
hsl(0, 100%, 90%)
hsl(0, 100%, 100%)

আপনার হাতে পরীক্ষা করুন

সাধারণত, একটি রঙের শক্তি এবং সুষমতা 0 হিসাবে নির্দিষ্ট করে এবং 0% থেকে 100% এর মধ্যে উজ্জ্বলতা নির্ধারণ করে, আরও গভীর/কম শুষ্ক শুষ্ক পাবলিক করা যায়:

ইনস্ট্যান্স

hsl(0, 0%, 0%)
hsl(0, 0%, 24%)
hsl(0, 0%, 47%)
hsl(0, 0%, 71%)
hsl(0, 0%, 94%)
hsl(0, 0%, 100%)

আপনার হাতে পরীক্ষা করুন

HSLA মান

HSLA রঙের মান HSL রঙের মানের একটি সম্প্রসারণ - যা রঙের অস্তিত্বকে নির্দিষ্ট করে।

HSLA রঙের মান নির্দিষ্ট করা হয়েছে:

hsla(hue, saturation, lightness, alpha)

alpha পারামিটারগুলি 0.0 (সম্পূর্ণ স্পষ্ট) এবং 1.0 (সম্পূর্ণ অস্পষ্ট) মধ্যের সংখ্যা

হেলপ করে HSLA মানগুলির মিশ্রণে পরীক্ষা করুন:

 

HUE

0

SATURATION

100%

LIGHTNESS

50%

ALPHA

0.5

ইনস্ট্যান্স

hsla(9, 100%, 64%, 0)
hsla(9, 100%, 64%, 0.2)
hsla(9, 100%, 64%, 0.4)
hsla(9, 100%, 64%, 0.6)
hsla(9, 100%, 64%, 0.8)
hsla(9, 100%, 64%, 1)

আপনার হাতে পরীক্ষা করুন