HTML Colors

۱. نام رنگها (Color Names)
HTML از ۱۴۰ نام رنگ استاندارد پشتیبانی میکند، مانند:
-
red
(قرمز) -
blue
(آبی) -
green
(سبز) -
orange
(نارنجی) -
black
(سیاه) -
white
(سفید) -
purple
(بنفش)
مثال:
<p style=“color: red;”>این متن قرمز است</p>
🟢 ۲. کدهای هگزادسیمال (Hex Codes)
رنگها را میتوان با یک کد ۶ رقمی که با #
شروع میشود تعریف کرد.
مثال:
<p style=“color: #00FF00;”>این متن سبز است</p>
فرمت: #RRGGBB
-
#FF0000
= قرمز -
#00FF00
= سبز -
#0000FF
= آبی
🔵 ۳. RGB (قرمز، سبز، آبی)
از تابع rgb()
برای تعیین رنگ با سه مقدار از ۰ تا ۲۵۵ استفاده میشود.
مثال:
🟡 ۴. RGBA (همراه با شفافیت)
مانند rgb
است، اما شامل یک مقدار اضافی برای شفافیت (آلفا) بین ۰ (کاملاً شفاف) تا ۱ (کاملاً مات) است.
مثال:
<p style=“color: rgba(255, 0, 0, 0.5);”>این متن قرمز نیمهشفاف است</p>
⚫ ۵. HSL (رنگ، اشباع، روشنایی)
HSL مخفف است از:
-
Hue: طیف رنگ (۰ تا ۳۶۰ درجه)
-
Saturation: میزان اشباع رنگ (۰٪ تا ۱۰۰٪)
-
Lightness: میزان روشنایی (۰٪ تا ۱۰۰٪)
مثال:
<p style=“color: hsl(120, 100%, 50%);”>این متن سبز است با استفاده از HSL</p>
⚪ ۶. HSLA (HSL همراه با آلفا)
مانند HSL است، اما با امکان تعیین شفافیت رنگ.
مثال:
دیدگاهتان را بنویسید