جدول درس

دستورالعمل‌های مرجع CSS

ویژگی CSS

درس‌های انتخابی

پیشنهاد دوره:

صندوق ابزار CodeW3C.com

توابع lch() در CSS

صفحه قبلی توابع lab() CSS
صفحه بعدی توابع light-dark() CSS
بازگشت به طبقه بالاتر دستورالعمل‌های مرجع Function CSS

تعریف و استفاده

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%);}
#p3 {background-color:lch(10% 160 200);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}

#p9 {background-color:lch(90% 130 70);}

تست کنید

CSS syntax

نحوه استفاده از مقدار مطلقاین رنگ اولیه‌ای است که رنگ‌های نسبی بر اساس آن تعریف می‌شوند. C H / Alch(from

)	value
این رنگ اولیه‌ای است که رنگ‌های نسبی بر اساس آن تعریف می‌شوند.	ضروری. روشنایی رنگ را تعریف می‌کند که می‌تواند عددی بین 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

)	value
description from	color با کلید از شروع، دنبال می‌شود توسط مقدار رنگ اولیه.
این رنگ اولیه‌ای است که رنگ‌های نسبی بر اساس آن تعریف می‌شوند.	ضروری. روشنایی رنگ را تعریف می‌کند که می‌تواند عددی بین 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% است.