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 است، اما با امکان تعیین شفافیت رنگ.
مثال:
دیدگاهتان را بنویسید