سی ایس ایس ایچ ایس ایل رنگ
- پچھلے ویب سی ایس ایس ایچ ایکس رنگ
- پائیدار ویب سی ایس ایس پس منظر
HSL کا میزان
CSS میں، رنگ کو سائز، شدت اور روشنی (HSL) کا استعمال کیا جاسکتا ہے، فرمت کا نمونہ درج ذیل ہے:
hsla(hue, saturation, lightness)
سائز (hueیہ 0 سے 360 درجے کا میزان ہوتا ہے جو رنگ چکر پر ہوتا ہے، 0 کا رنگ لال، 120 کا سبز، 240 کا نیلا ہوگا。
سائز (saturationیہ ایک فیصدی کا میزان ہوتا ہے، 0% سائز تاریک ہوگا، 100% پورا رنگ ہوگا。
روشنی (lightnessیہ بھی فیصد ہوتا ہے، 0% کالی رنگ، 50% کسی روشن یا تاریک نہیں، 100% سفید رنگ ہوگا。
درآمد کے لئے درج ذیل HSL کا میزان کا استعمال کریں:
HUE
SATURATION
LIGHTNESS
مثال
سائز
سائز کی شدت کو رنگ کی شدت کہا جاسکتا ہے。
100% صاف رنگ، کوئی سائز تاریک نہیں
50% 50% سائز تاریک ہوگی، لیکن آپ کو رنگ دیکھنا ممکن ہوگا。
0% پورا سائز تاریک ہوگا، آپ کو رنگ دیکھنے میں نکالتا ہوگا。
مثال
روشنی
رنگ کی روشنی کا میزان کسی رنگ کو کتنا روشن دینا ہے کہا جاسکتا ہے، جس میں 0% کسی روشن نہیں (کالی رنگ)، 50% 50% روشن (کوئی روشن یا تاریک نہیں)، 100% پورا روشن (سفید رنگ) ہوگا。
مثال
آپ سائز اور پرسکون کو 0 سیٹ کرکے شادی کا سائز تعین کرنا عادت ہے، اور 0% سے 100% تک تیرسی کا تعین کرکے کسی عمیق یا کم عمیق سائز کو حاصل کیا جاسکتا ہے:
مثال
HSLA کا میزان
HSLA رنگ کا میزان مقیاس آلفا کانال دار HSL رنگ کا توسیع ہے - یہ رنگ کی ناقابل رویت کو معین کرتا ہے。
HSLA رنگ کا میزان مقیاس:
hsla(hue, saturation, lightness, alpha)
alpha پارامتر 0.0 (کاملاً شفاف) اور 1.0 (کاملاً غیر شفاف) کے درمیان کی تعداد ہیں:
ایک ہشلا کا ملاحوبہ کریئے:
HUE
SATURATION
LIGHTNESS
ALPHA
مثال
- پچھلے ویب سی ایس ایس ایچ ایکس رنگ
- پائیدار ویب سی ایس ایس پس منظر
