پیشنهاد دوره:

CSS lab()

تعریف و استفاده CSS lab() کمپانی در فضا رنگ CIE Lab تعریف می‌کند. این فضا تمام رنگ‌های قابل مشاهده چشم انسان را نشان می‌دهد.

دستور

مثال‌های مختلف lab() رنگ:

#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 90% -100%);}

خود کا تجربہ کریں

CSS زبان

مطلق مقدار زبان

lab(L ا ب / A)
مقدار وصف
L

ضروری، رنگ کی روشنی کا تعین کرتا ہے، 0 سے 100 کے درمیان کا نمبر یا فیصد کا تعین کرتا ہے。

0 (یا 0%) کو بلک کا مطلب ہوتا ہے، 100 (یا 100%) کو وائٹ کا مطلب ہوتا ہے。

بھی none استعمال کیاجاسکتا ہے (0% برابر ہوتا ہے)。
ا

ضروری، -125 سے 125 کے درمیان کا نمبر یا -100% سے 100% کے درمیان کا فیصد کا تعین کرتا ہے。

ب اکسر کا فاصلہ کا تعین کرتا ہے، یہ رنگ کی رد-گرین کی کامیابی کا مطلب ہوتا ہے。-125 کو گرین کا مطلب ہوتا ہے، 125 کو رد کا مطلب ہوتا ہے。

بھی none استعمال کیاجاسکتا ہے (0% برابر ہوتا ہے)。
ب

ضروری، -125 سے 125 کے درمیان کا نمبر یا -100% سے 100% کے درمیان کا فیصد کا تعین کرتا ہے。

ب ب اکسر کا فاصلہ کا تعین کرتا ہے، یہ رنگ کی زرد-نوکری کا مطلب ہوتا ہے。

-125 کو بلو کا مطلب ہوتا ہے، 125 کو یلو کا مطلب ہوتا ہے。

بھی none استعمال کیاجاسکتا ہے (0% برابر ہوتا ہے)。
/ A

اختیاری، رنگ کی شفافیت کا راستہ نمائندہ اچانک نمبر یا فیصد کی شکل میں ہوتا ہے (0% یا 0 کا مطلب پورا شفافیت ہے، 100% یا 100 کا مطلب پورا ناپ شفافیت ہے)。

بھی none استعمال کیاجاسکتا ہے (شفافیت کا راستہ نمائندہ ہے)。

مقصد 100% ہے。

مقابلہ مقدار زبان

lab(ازل رنگ L ا ب / A)
مقدار وصف
ازل رنگ

ازل، کیوں کہ اس کا مطلب ازل رنگ کا مطلب ہوتا ہے، بعد میں ازل رنگ کا نمبر کا تعین کرتا ہے。

یہ ازل رنگ کی بنیاد پر آتا ہے جو سلسلہ میں استعمال کیا جاتا ہے。
L

ضروری، رنگ کی روشنی کا تعین کرتا ہے، 0 سے 100 کے درمیان کا نمبر یا فیصد کا تعین کرتا ہے。

0 (یا 0%) کو بلک کا مطلب ہوتا ہے، 100 (یا 100%) کو وائٹ کا مطلب ہوتا ہے。

بھی none استعمال کیاجاسکتا ہے (0% برابر ہوتا ہے)。
ا

ضروری، -125 سے 125 کے درمیان کا نمبر یا -100% سے 100% کے درمیان کا فیصد کا تعین کرتا ہے。

ب اکسر کا فاصلہ کا تعین کرتا ہے، یہ رنگ کی رد-گرین کی کامیابی کا مطلب ہوتا ہے。

-125 کو گرین کا مطلب ہوتا ہے، 125 کو رد کا مطلب ہوتا ہے。

بھی none استعمال کیاجاسکتا ہے (0% برابر ہوتا ہے)。
ب

ضروری، -125 سے 125 کے درمیان کا نمبر یا -100% سے 100% کے درمیان کا فیصد کا تعین کرتا ہے。

ب ب اکسر کا فاصلہ کا تعین کرتا ہے، یہ رنگ کی زرد-نوکری کا مطلب ہوتا ہے。

-125 کو بلو کا مطلب ہوتا ہے، 125 کو یلو کا مطلب ہوتا ہے。

بھی none استعمال کیاجاسکتا ہے (0% برابر ہوتا ہے)。
/ A

اختیاری، رنگ کی شفافیت کا راستہ نمائندہ اچانک نمبر یا فیصد کی شکل میں ہوتا ہے (0% یا 0 کا مطلب پورا شفافیت ہے، 100% یا 100 کا مطلب پورا ناپ شفافیت ہے)。

بھی none استعمال کیاجاسکتا ہے (شفافیت کا راستہ نمائندہ ہے)。

مقصد 100% ہے。

تکنیکی تفصیلات

ورژن: CSS رنگ ماڈیول لیول 4

بروسر کی سپورٹ

تبلے میں نمبر، پہلا بروسر کا نمبر ہے جو اس فنکشن کو پورا طور پر سپورٹ کرتا ہے。

کروم ایج فائرفاکس سافری آپریا
lab()
111 111 113 15 97
پیمانوں میں نمبروں اور فیصد کا میکس کرنا
116 116 113 16.2 102

متعلقہ صفحات

مطالبه:سی ایس ایس رنگ

مطالبه:CSS hsl() فنکشن

مطالبه:CSS hwb() کا فنکشن

مطالبه:CSS lch() کا فنکشن

مطالبه:CSS oklab() کا فنکشن

مطالبه:CSS oklch() کا فنکشن