رنگهای HTML با نام رنگهای از پیش تعیین شده یا با مقادیر RGB ، HEX ، HSL ، RGBA یا HSLA مشخص می شوند.


نام های رنگی

در HTML می توان با استفاده از نام رنگ ، رنگی را مشخص کرد:

 

HTML از 140 نام استاندارد رنگ پشتیبانی می کند .

رنگ پس زمینه

می توانید رنگ پس زمینه را برای عناصر HTML تنظیم کنید.

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

رنگ متن

می توانید رنگ متن را تنظیم کنید:

سلام دنیا

Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

با توجه به حداقل فعالیتهای خود ، تمرینات نوسترود ورزش لوبورتیس حساسیت اولیه و سایر کالاها را به دنبال داشته باشید.

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

رنگ لبه

می توانید رنگ حاشیه ها را تنظیم کنید:

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

مقادیر رنگی

در HTML ، رنگها همچنین می توانند با استفاده از مقادیر RGB ، مقادیر HEX ، مقادیر HSL ، مقادیر RGBA و مقادیر HSLA مشخص شوند.

سه عنصر <div> زیر رنگ زمینه خود را با مقادیر RGB ، HEX و HSL تنظیم کرده اند.

دو عنصر <div> زیر رنگ زمینه خود را با مقادیر RGBA و HSLA تنظیم کرده اند ، که یک کانال آلفا به رنگ اضافه می کند (در اینجا 50٪ شفافیت داریم):

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

منبع