رنگ CSS

مشخص کردن رنگ‌ها از طریق استفاده از نام‌های رنگ پیش‌تعریف شده، یا ارقام RGB، HEX، HSL، RGBA، HSLA است.

نام‌های رنگ CSS

در CSS می‌توان از نام‌های رنگ برای مشخص کردن رنگ‌ها استفاده کرد:

توماتو
نارنجی
دوجر بلو
میان سبز دریایی
گرا
سلت بلو
ویولت
LightGray

خود سے کوشش کریں

دعم CSS/HTML 140 لونًا معياريًا.

لون الخلفية CSS

يمكنك تعيين لون الخلفية للعناصر HTML:

مرحبًا بك في الصين
الصين هي بلد عظيم!

مثال

<h1 style="background-color:DodgerBlue;">الصين</h1>
<p style="background-color:Tomato;">الصين هي بلد عظيم!</p>

خود سے کوشش کریں

لون النص CSS

يمكنك تعيين لون النص:

الصين

الصين هي بلد عظيم!

الصين، رسميًا الجمهورية الشعبية الصينية، هي بلد في شرق آسيا.

مثال

<h1 style="color:Tomato;">الصين</h1>
<p style="color:DodgerBlue;">الصين هي بلد عظيم!</p>
<p style="color:MediumSeaGreen;">الصين، رسميًا الجمهورية الشعبية الصينية...</p>

خود سے کوشش کریں

رنگ کناره CSS

يمكنك تعيين لون الحدود:

مرحبًا بالعالم
مرحبًا بالعالم
مرحبًا بالعالم

مثال

<h1 style="border:2px solid Tomato;">مرحبًا بالعالم</h1>
<h1 style="border:2px solid DodgerBlue;">مرحبًا بالعالم</h1>
<h1 style="border:2px solid Violet;">مرحبًا بالعالم</h1>

خود سے کوشش کریں

CSS رنگ کا مقادیر

في CSS، يمكنك أيضًا استخدام قيم RGB أو HEX أو HSL أو RGBA أو HSLA لتعريف الألوان:

مستعمل باسم اللون "Tomato":

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

مستعمل باسم اللون "Tomato"، ولكن شفافية 50%:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
<h3>مثال</h3> 
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

خود سے کوشش کریں

رنگ کی مقادیر کے بارے میں مزید معلومات جائنے

آئندہ باب میں، آپ سیکھنے والے RGB،HEX اور HSL کا مزید معلومات