سه روش تعریف رنگ در HTML
رنگها معمولاً از طریق ویژگی style و خاصیتهای CSS مثل color یا background-color به عناصر اضافه میشوند. HTML سه روش اصلی برای مشخص کردن یک رنگ در اختیار شما میگذارد.
۱. نام رنگ
سادهترین روش، استفاده از نام انگلیسی رنگ است. مرورگرها بیش از ۱۴۰ نام رنگ استاندارد را میشناسند.
color-name.html
<h1 style="background-color:Tomato;">...</h1> <h1 style="background-color:DodgerBlue;">...</h1>
۲. کد HEX
در این روش، رنگ با یک علامت هشتگ به همراه شش رقم مبنای شانزده (0 تا f) نمایش داده میشود. دو رقم اول قرمز، دو رقم وسط سبز و دو رقم آخر آبی را مشخص میکنند.
color-hex.html
<h1 style="background-color:#ff6347;">...</h1> <h1 style="background-color:#04AA6D;">...</h1>
۳. مقادیر RGB
در این حالت، سه عدد بین ۰ تا ۲۵۵ بهترتیب برای میزان قرمز، سبز و آبی نوشته میشود. همچنین با فرمت rgba() میتوانید یک مقدار شفافیت (alpha) هم اضافه کنید.
color-rgb.html
<h1 style="background-color:rgb(255,99,71);">...</h1> <h1 style="background-color:rgba(255,99,71,0.5);">...</h1>
نکته: هر سه روش از نظر نتیجهی نهایی یکسان هستند؛ انتخاب بین آنها معمولاً به سلیقه یا نیاز پروژه (مثلاً نیاز به شفافیت) بستگی دارد.