رنگ ها در HTML (HTML Colors)
در HTML رنگ ها را می توان با نام های از پیش تعریف شده یا با استفاده از مقادیر RGB
، HEX
، HSL
، RGBA
و HSLA
مشخص کرد.
نام رنگ ها
HTML از 140 نام رنگ استاندارد پشتیبانی می کند. نمونه ها شامل Tomato، Orange، DodgerBlue و MediumSeaGreen هستند.
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">این یک متن است</p>
رنگ پس زمینه
می توانید رنگ پس زمینه عناصر را تنظیم کنید.
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">متن آزمایشی</p>
رنگ متن
برای تنظیم رنگ متن از ویژگی color
استفاده کنید.
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:MediumSeaGreen;">این متن سبز است</p>
رنگ حاشیه
ویژگی border
به شما امکان می دهد رنگ حاشیه عناصر را تغییر دهید.
<h1 style="border:2px solid Violet;">Hello World</h1>
مقادیر رنگ
رنگ ها را می توان با مقادیر RGB
، HEX
، HSL
و نسخه های شفاف RGBA
و HSLA
مشخص کرد.
<h1 style="background-color:rgb(255, 99, 71);">RGB</h1>
<h1 style="background-color:#ff6347;">HEX</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">HSL</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">RGBA</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">HSLA</h1>
خلاصه فصل
- HTML از 140 نام رنگ استاندارد پشتیبانی می کند.
- ویژگی
background-color
رنگ پس زمینه را تغییر می دهد. - ویژگی
color
رنگ متن را تنظیم می کند. - ویژگی
border
رنگ حاشیه را مشخص می کند. - از مقادیر RGB، HEX، HSL، RGBA و HSLA برای انعطاف بیشتر استفاده کنید.
برای ادامه یادگیری به بخش کامنت ها (Comments) و رنگ های RGB مراجعه کنید.