در سلسله آموزشهای قبل آنلاینر به معرفی انواع فرمتهای رایج در وب پرداختیم.
در این مقاله قصد معرفی رنگ ها در html را داریم.
برای تعیین رنگ ها در html میتوان از 3 روش استفاده کرد.
نام رنگ :
میتوانید برای تعیین رنگ یک عامل مستقیما از نام آنها استفاده کنید. در استاندارد W3C HTML4.0 چون فقط 16 رنگ تعیین شده است شما فقط میتوانید تعداد 16 رنگ را با استفاده از نام آنها فراخوانی کنید. اگر به تعداد بیشتری از رنگ ها نیاز دارید بهتر است از روش های دیگر برای تعیین رنگ استفاده کنید. تعدادی از این رنگ ها به همراه نام و کد مبنای 16 آنها در زیر آمده است.
| رنگ | مبنای 16 | نام رنگ |
|---|---|---|
| #F0F8FF | AliceBlue | |
| #FAEBD7 | AntiqueWhite | |
| #7FFFD4 | Aquamarine | |
| #000000 | Black | |
| #0000FF | Blue | |
| #8A2BE2 | BlueViolet | |
| #A52A2A | Brown |
مبنای 16 :
رنگ ها را میتوان با استفاده از کدهای مبنای 16 آنها نیز تعیین کرد. تعداد این رنگ ها به 256 کد میرسد که به عنوان رنگ های ایمن شناخته میشوند. این نام را به این دلیل بر این کد ها نهاده اند چون در تمامی مرورگر ها بصورت مطمئن نمایش داده میشود. جدول زیر حاوی تمامی 256 کد مبنای 16 رنگ ها میباشد.
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
دقت داشته باشید که برای رنگ دهی به یک عامل با استفاده از کدهای مبنای 16 حتما قبل از کد علامت # را قرار دهید. مثال زیر با استفاده از همین متد به تگ body رنگی را انتصاب میدهد.
[html]
<body bgcolor="#333300">
</body>
[/html]
rgb :
کلمه RGB از حروف اول 3 کلمه red , green , blue تشکیل میشود.در این متد رنگ مورد نظر از ترکیب همین 3 رنگ قرمز، سبز و آبی ایجاد خواهد شد. برای تعیین رنگ به این روش باید از تابعی به نام RGB(red , green , blue) استفاده کنید. این تابع 3 پارامتر که عددی بین 0 تا 255 میباشند را دریافت میکند .این 3 پارامتر شدت 3 رنگ قرمز ، سبز ، آبی را مشخص میکند.
مثال زیر نمونه ای از تعیین رنگ با متد RGB میباشد.
[html]
<body bgcolor=rgb(255,0,255)>
</body>
[/html]
در آموزش بعد به کدنویسی بصورت tablebase و معایب آن میپردازیم.
با آنلاینر همراه شوید …
