وظيفة lab() في CSS

واستخدام 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 b / A)
القيمة الوصف
L

مطلوب. تعريف لمعان اللون، يمكن أن يكون رقمًا بين 0 و 100 أو نسبة مئوية.

0 (أو 0%) يعبر عن اللون الأسود، 100 (أو 100%) يعبر عن اللون الأبيض.

يمكن أيضًا استخدام none (ممثل لـ 0%).
a

مطلوب. تعريف الرقم بين -125 و 125 أو النسبة المئوية بين -100% و 100%.

تعريف المسافة التي يتحرك اللون على المحور a، يعبر عن درجة اللون الأحمر والأخضر.-125 يعبر عن اللون الأخضر، 125 يعبر عن اللون الأحمر.

يمكن أيضًا استخدام none (ممثل لـ 0%).
b

مطلوب. تعريف الرقم بين -125 و 125 أو النسبة المئوية بين -100% و 100%.

تعريف المسافة التي يتحرك اللون على المحور b، يعبر عن درجة اللون الأصفر والأزرق.

-125 يعبر عن اللون الأزرق، 125 يعبر عن اللون الأصفر.

يمكن أيضًا استخدام none (ممثل لـ 0%).
/ A

اختياري. يعبر عن قيمة قناة الشفافية اللونية (0% أو 0 تعبر عن شفافية كاملة، 100% أو 100 تعبر عن عدم شفافية كاملة).

يمكن أيضًا استخدام none (ممثل لمعامل الشفافية 0%).

القيمة الافتراضية هي 100%.

نحو قواعد القيمة النسبية

lab(from اللون L a b / A)
القيمة الوصف
من اللون

يبدأ بكلمة from، تتبعها قيمة اللون التي تعبر عن اللون الأصلي.

هذا هو اللون الأصلي الذي يعتمد عليه اللون النسبي.
L

مطلوب. تعريف لمعان اللون، يمكن أن يكون رقمًا بين 0 و 100 أو نسبة مئوية.

0 (أو 0%) يعبر عن اللون الأسود، 100 (أو 100%) يعبر عن اللون الأبيض.

يمكن أيضًا استخدام none (ممثل لـ 0%).
a

مطلوب. تعريف الرقم بين -125 و 125 أو النسبة المئوية بين -100% و 100%.

تعريف المسافة التي يتحرك اللون على المحور a، يعبر عن درجة اللون الأحمر والأخضر.

-125 يعبر عن اللون الأخضر، 125 يعبر عن اللون الأحمر.

يمكن أيضًا استخدام none (ممثل لـ 0%).
b

مطلوب. تعريف الرقم بين -125 و 125 أو النسبة المئوية بين -100% و 100%.

تعريف المسافة التي يتحرك اللون على المحور b، يعبر عن درجة اللون الأصفر والأزرق.

-125 يعبر عن اللون الأزرق، 125 يعبر عن اللون الأصفر.

يمكن أيضًا استخدام none (ممثل لـ 0%).
/ A

اختياري. يعبر عن قيمة قناة الشفافية اللونية (0% أو 0 تعبر عن شفافية كاملة، 100% أو 100 تعبر عن عدم شفافية كاملة).

يمكن أيضًا استخدام none (ممثل لمعامل الشفافية 0%).

القيمة الافتراضية هي 100%.

تفاصيل تقنية

الإصدار: CSS Color Module Level 4

دعم المتصفح

الرقم في الجدول يعبر عن إصدار المتصفح الذي يدعم هذه الوظيفة تمامًا أولاً.

كروم إيدج فايرفوكس سافاري أوبرا
lab()
111 111 113 15 97
الجمع بين الرقم والنسبة المئوية في المعلمات
116 116 113 16.2 102

الصفحات المتعلقة

Hausa zubairi:CSS Colors

Hausa zubairi:فونكشن CSS hsl()

Hausa zubairi:Hausa CSS hwb() function

Hausa zubairi:Hausa CSS lch() function

Hausa zubairi:Hausa CSS oklab() function

Hausa zubairi:Hausa CSS oklch() function