CSS oklch() فونکشن

تعریف اور استعمال

CSS میں oklch() فونکشن، ایک رنگ کو ایک ایسا رنگ کے علاقے میں مشخص کرنا کا استعمال کرتا ہے。

oklch() فونکشن بہت سادہ ہے: آپ کو استعمال کرنے والی چمکدگی/شفافیت (L) کی مقدار، رنگ کی شدت (C) اور رنگ کی خود (H) پر غور کئے جانا چاہئے۔ علاوہ ازیں، آپ کو شفافیت کی چینل کی وجہ شمار (A) شامل کرنے کا بھی اختیار ہوگا، جو رنگ کی ناپوشیدگی کو ظاہر کرتی ہے。

مثال

مختلف oklch() رنگ:

/* کولر کی مختلف چمکدہ /
#p1 {background-color: oklch(30% 0.4 150);}
#p2 {background-color: oklch(60% 0.4 150);}
#p3 {background-color: oklch(100% 0.4 150);}
/ ਵੱਖ-ਵੱਖ ਚਮਕ ਦੇ ਪੈਲ ਰੰਗ /
#p4 {background-color: oklch(30% 0.4 100);}
#p5 {background-color: oklch(60% 0.4 100);}
#p6 {background-color: oklch(100% 0.4 100);}
/ ਵੱਖ-ਵੱਖ ਚਮਕ ਦੇ ਲਾਲ ਰੰਗ */
#p7 {background-color: oklch(30% 0.4 20);}
#p8 {background-color: oklch(60% 0.4 20);}
#p9 {background-color: oklch(100% 0.4 20);}

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

CSS ਸਕ੍ਰੀਨ ਭਾਸ਼ਾ

ਸਬੰਧਤ ਮੁੱਲ ਸਕ੍ਰੀਨ ਭਾਸ਼ਾ

oklch(ਕੀਤਾ ਜਾਵੇਗਾ 0 (ਜਾਂ 0%) ਕਾਲਾ ਰੰਗ ਦਿੰਦਾ ਹੈ, 1 (ਜਾਂ 100%) ਸਫੇਦ ਰੰਗ ਦਿੰਦਾ ਹੈ。 H / Aਕੀਤਾ ਜਾਵੇਗਾ

ਸਬੰਧਤ ਮੁੱਲ ਸਕ੍ਰੀਨ ਭਾਸ਼ਾ

oklch(from ਕੀਤਾ ਜਾਵੇਗਾ ਕੀਤਾ ਜਾਵੇਗਾ 0 (ਜਾਂ 0%) ਕਾਲਾ ਰੰਗ ਦਿੰਦਾ ਹੈ, 1 (ਜਾਂ 100%) ਸਫੇਦ ਰੰਗ ਦਿੰਦਾ ਹੈ。 H / Aਕੀਤਾ ਜਾਵੇਗਾ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਇਸ ਫੰਕਸ਼ਨ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥਾ ਵਾਲੀ ਪਹਿਲੀ ਬਰੇਅਰ ਸੰਸਕਰਣ ਦੇ ਨੰਬਰ ਸ਼ਾਮਲ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਰੋਤ:سی ایس ایس رنگ

ਸਰੋਤ:CSS hsl() ਫੰਕਸ਼ਨ

ਸਰੋਤ:CSS hwb() ਫੰਕਸ਼ਨ

ਸਰੋਤ:CSS lab() ਫੰਕਸ਼ਨ

ਸਰੋਤ:CSS lch() ਫੰਕਸ਼ਨ

ਸਰੋਤ:CSS oklab() ਫੰਕਸ਼ਨ