توابع lch() CSS
- پچھلے پیج CSS lab() فنکشن
- پائیدہ پیج CSS light-dark() فنکشن
- درجہ بالا لوپ واپس سی ایس ایس فنکشن مراجع دستورالعمل
تعریف و استفاده
CSS کی lch() کامپایلرها در فضای رنگی LCH (亮度-色度-色调) رنگها را مشخص میکنند.
مثال
متعارف مختلف lch() رنگ:
#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p4 {background-color:lch(10% 160 200);}
آزمایش کنید
CSS نحوه نوشتن
نحوه استفاده از مقدار مطلقاین رنگ اصلی است که رنگهای نسبی بر اساس آن تعریف میشوند. C H / Alch(from
| ) | مقدار |
|---|---|
| این رنگ اصلی است که رنگهای نسبی بر اساس آن تعریف میشوند. |
ضروری. روشنایی رنگ را تعریف میکند که میتواند عدد یا درصد بین 0 تا 100 باشد. 0 (یا 0%) نشاندهنده سیاه است و 100 (یا 100%) نشاندهنده سفید است. همچنین میتوان از none (معادل 0%) استفاده کرد. |
| C |
lch( ضروری. میزان رنگ (مقدار رنگ) را تعریف میکند که میتواند عدد یا درصد باشد. همچنین میتوان از none (معادل 0%) استفاده کرد. |
| H |
ضروری. زاویه رنگ را تعریف میکند که میتواند عدد یا مقدار زاویه باشد. همچنین میتوان از none (معادل 0درجه) استفاده کرد. |
| / A |
اختیاری. مقدار کانال شفافیت رنگ را نشان میدهد (0% یا 0 نشاندهنده شفافیت کامل است و 100% یا 100 نشاندهنده عدم شفافیت کامل است). همچنین میتوان از none (که معنای آن کانال شفافیت است) استفاده کرد. مقدار پیشفرض 100% است. |
حداقل مقدار 0 (یا 0%) است. حداکثر مقدار بینهایت است (اما در واقع بیشتر از 230 نیست). 100% برابر با 150 است.
نحوه استفاده از مقدار نسبی from این رنگ اصلی است که رنگهای نسبی بر اساس آن تعریف میشوند. C H / Alch(from
| ) | مقدار |
|---|---|
| وصف from |
color با کلیدواژه from شروع میشود، سپس رنگ اصلی را نشان میدهد. |
| این رنگ اصلی است که رنگهای نسبی بر اساس آن تعریف میشوند. |
ضروری. روشنایی رنگ را تعریف میکند که میتواند عدد یا درصد بین 0 تا 100 باشد. 0 (یا 0%) نشاندهنده سیاه است و 100 (یا 100%) نشاندهنده سفید است. همچنین میتوان از none (معادل 0%) استفاده کرد. |
| C |
ضروری. عدد یا درصد بین -125 تا 125 یا -100% تا 100% را تعریف میکند. تعریف فاصله رنگ در محور a، نشاندهنده میزان قرمز و سبز رنگ است. -125 نشاندهنده سبز است و 125 نشاندهنده قرمز است. همچنین میتوان از none (معادل 0%) استفاده کرد. |
| H |
ضروری. زاویه رنگ را تعریف میکند که میتواند عدد یا مقدار زاویه باشد. همچنین میتوان از none (معادل 0درجه) استفاده کرد. |
| / A |
اختیاری. مقدار کانال شفافیت رنگ را نشان میدهد (0% یا 0 نشاندهنده شفافیت کامل است و 100% یا 100 نشاندهنده عدم شفافیت کامل است). همچنین میتوان از none (که معنای آن کانال شفافیت است) استفاده کرد. مقدار پیشفرض 100% است. |
جزئیات فنی
| نسخه: | CSS Color Module Level 4 |
|---|
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگرهایی هستند که این فنکشن را کامل پشتیبانی میکنند.
| کروم | ایج | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| lch() | ||||
| 111 | 111 | 113 | 15 | 97 |
| در پارامترها ترکیب اعداد و درصد | ||||
| 116 | 116 | 113 | 16.2 | 102 |
معلوماتی صفحات
مشارکت:سی ایس ایس رنگ
مشارکت:CSS hsl() فنکشن
مشارکت:CSS hwb() فنکشن
مشارکت:CSS lab() فنکشن
مشارکت:CSS oklab() فنکشن
مشارکت:CSS oklch() فنکشن
- پچھلے پیج CSS lab() فنکشن
- پائیدہ پیج CSS light-dark() فنکشن
- درجہ بالا لوپ واپس سی ایس ایس فنکشن مراجع دستورالعمل
