课程表

Manuwaran Gudan CSS

CSS 属性

zoom

الدورات الإضافية

CodeW3C.com بابووکا

اقتراح الدورة:

صفحه قبل CSS mod() فونکشن
صفحه بعدی CSS oklch() فونکشن
بازگشت به طبقه بالا Manuwaran Gudan Sakiwari Koyar Function

وظيفة oklab() في 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%.