HTMLاستفاده از رنگها در
به چند روش میتوان از رنگها در html استفاده کرد: استفاده از نام رنگها یا استفاده از کدهای RGB, HEX, HSL, RGBA و یا HSLA مربوط به رنگ مدنظر
تعیین رنگ پس زمینه
میتوان برای پس زمینه عناصر مختلف در html رنگ انتخاب کرد.
<h1 style=”background-color:DodgerBlue;”>Hello World</h1> <p style=”background-color:Tomato;”> Hello World…</p>
تعیین رنگ متن
<h1 style=”color:Tomato;”>Hello World</h1>
<p style=”color:DodgerBlue;”>Hello World…</p>
تعیین رنگ خطوط حاشیه
<h1 style=”border:2px solid Tomato;”>Hello World</h1>
استفاده از کد رنگها
<h1 style=”background-color:rgb(255, 99, 71);”>…</h1>
<h1 style=”background-color:#ff6347;”>…</h1>
<h1 style=”background-color:hsl(9, 100%, 64%);”>…</h1>
برای حالتی که از کدهای rgba و hsla استفاده میشود میتوان مقداری برای میزان شفافیت یا transparency پس زمینه نیز انتخاب کرد. در مثال زیر 50% شفافیت برای پس زمینه در نظر گرفته شده است.
<h1 style=”background-color:rgba(255, 99, 71, 0.5);”>…</h1> <h1 style=”background-color:hsla(9, 100%, 64%, 0.5);”>…</h1>
