رنگ ها
رنگ‌های HTML با نام‌های رنگی از پیش تعریف‌شده یا با مقادیر RGB، HEX، HSL، RGBA یا HSLA مشخص می‌شوند.
نام رنگ ها
در HTML، یک رنگ را می توان با استفاده از یک نام رنگ مشخص کرد:
رنگ پس زمینه
می توانید رنگ پس زمینه را برای عناصر HTML تنظیم کنید:
مثال
<h1 style=”background-color:DodgerBlue;“>Hello World</h1>
<p style=”background-color:Tomato;“>Lorem ipsum…</p>
رنگ متن
مثال
<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>
<h1style=”border:2px solid Violet;“>Hello World</h1>
مقادیر رنگ
در HTML، رنگ ها را می توان با استفاده از مقادیر RGB، مقادیر HEX، مقادیر HSL، مقادیر RGBA و مقادیر HSLA نیز مشخص کرد.
سه عنصر <div> زیر دارای رنگ پس‌زمینه با مقادیر RGB، HEX و HSL هستند:
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
دو عنصر <div> زیر دارای رنگ پس‌زمینه با مقادیر RGBA و HSLA هستند که یک کانال آلفا به رنگ اضافه می‌کنند (در اینجا شفافیت 50٪ داریم):
دیدگاهتان را بنویسید