جدول الدروس

دليل مرجعي CSS

خصائص CSS

الدورات الاختيارية

التوصية بالدورة:

صندوق الحلويات CodeW3C.com

وظيفة CSS oklab()

الصفحة السابقة دالة mod() CSS
الصفحة التالية دالة oklch() CSS
العودة إلى الطبقة العليا دليل مرجعي وحدات CSS

التعريف والاستخدام

CSS oklab() الوظيفة تعتمد على تعريف اللون في مساحة الألوان OKLAB. تهدف هذه المساحة إلى محاكاة كيفية استشعار العين البشرية للألوان.

مثال

تعريف oklab() لون:

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

تجربة شخصية

نحو CSS

نحو اللون المطلق

oklab(L a b / A)

القيمة	الوصف
L	مطلوب. يحدد إضاءة اللون، يمكن أن يكون عدد بين 0 و1 أو نسبة مئوية بين 0% و100%. 0 (أو 0%) يعني الأسود، 1 (أو 100%) يعني الأبيض. يمكن أيضًا استخدام None (يساوي 0%).
a	مطلوب. يحدد الرقم بين -0.4 و0.4 أو النسبة المئوية بين -100% و100%. يحدد المسافة على المحور a لون، مما يمثل درجة الأحمر والأخضر للون. -0.4 يعني الأخضر، 0.4 يعني الأحمر. يمكن أيضًا استخدام none (يساوي 0%).
b	مطلوب. يحدد الرقم بين -0.4 و0.4 أو النسبة المئوية بين -100% و100%. يحدد المسافة على المحور b لون، مما يمثل درجة الأصفر والأزرق للون. -0.4 يعني الأزرق، 0.4 يعني الأصفر. يمكن أيضًا استخدام none (يساوي 0%).
/ A	اختياري. يمثل قيمة قناة الشفافية لللون (0% أو 0) يعني شفافية كاملة، و100% أو 100) يعني غير شفاف. يمكن أيضًا استخدام none (يعني قناة الشفافية غير موجودة). القيمة الافتراضية هي 100%.

نحو اللون النسبي

oklab(from color L a b / A)

القيمة	الوصف
from color	يبدأ بكلمة from، يتبعها قيمة اللون التي تمثل اللون الأصلي. هذا هو اللون الأصلي الذي يعتمد عليه اللون النسبي.
L	مطلوب. يحدد إضاءة اللون، يمكن أن يكون عدد بين 0 و1 أو نسبة مئوية بين 0% و100%. 0 (أو 0%) يعني الأسود، 1 (أو 100%) يعني الأبيض. يمكن أيضًا استخدام none (يساوي 0%).
a	مطلوب. يحدد الرقم بين -0.4 و0.4 أو النسبة المئوية بين -100% و100%. يحدد المسافة على المحور a لون، مما يمثل درجة الأحمر والأخضر للون. -0.4 يعني الأخضر، 0.4 يعني الأحمر. يمكن أيضًا استخدام none (يساوي 0%).
b	مطلوب. يحدد الرقم بين -0.4 و0.4 أو النسبة المئوية بين -100% و100%. يحدد المسافة على المحور b لون، مما يمثل درجة الأصفر والأزرق للون. -0.4 يعني الأزرق، 0.4 يعني الأصفر. يمكن أيضًا استخدام none (يساوي 0%).
/ A	اختياري. يمثل قيمة قناة الشفافية لللون (0% أو 0) يعني شفافية كاملة، و100% أو 100) يعني غير شفاف. يمكن أيضًا استخدام none (يعني قناة الشفافية غير موجودة). القيمة الافتراضية هي 100%.