رنگ ها در 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 مراجعه کنید.