رنگ‌ها
رنگ‌های HTML با استفاده از نام رنگ‌های از پیش تعیین شدهٔ رنگ‌ها، یا مقدارهای RGB ,HEX ,HSL ,RGBA ,HSLA مشخص می‌شوند.[۱]
نام رنگ ها
در HTML رنگ را می‌توان با استفاده از نام یک رنگ تعیین کرد:
ساخت نمونه مثال این بخش در دست اقدام است.
HTML از ۱۴۰ نام رنگ استاندارد پشتیبانی می‌کند.
رنگ پیش زمینه
می‌توانید برای عناصر HTML رنگ پیش زمینه تعیین کنید:
ساخت نمونه مثال این بخش در دست اقدام است.
مثال
1 <h1 style="background-color:DodgerBlue;">Hello World</h1>
2 <p style="background-color:Tomato;">Lorem ipsum...</p>
رنگ متن
می‌توانید رنگ متن را مشخص کنید:
ساخت نمونه مثال این بخش در دست اقدام است.
مثال
1 <h1 style="color:Tomato;">Hello World</h1>
2 <p style="color:DodgerBlue;">Lorem ipsum...</p>
3 <p style="color:MediumSeaGreen;">Ut wisi enim...</p>
رنگ کادر (به انگلیسی: Border)
می‌توانید رنگ کادرها را مشخص کنید:
ساخت نمونه مثال این بخش در دست اقدام است.
مثال
1 <h1 style="border:2px solid Tomato;">Hello World</h1>
2 <h1 style="border:2px solid DodgerBlue;">Hello World</h1>
3 <h1 style="border:2px solid Violet;">Hello World</h1>
مقدار رنگ ها
در HTML، می‌توان رنگ‌ها را با استفاده از مقادیر RGB، مقادیر HEX، مقادیر HSL، مقادیر RGBA و مقادیر HSLA تعیین کرد:
مانند نام رنگ «گوجه‌ای»:
ساخت نمونه مثال این بخش در دست اقدام است.
مانند نام رنگ «گوجه‌ای» اما با ۵۰٪ شفافیت:
ساخت نمونه مثال این بخش در دست اقدام است.
مثال
1 <h1 style="background-color:rgb(255, 99, 71);">...</h1>
2 <h1 style="background-color:#ff6347;">...</h1>
3 <h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
4
5 <h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
6 <h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
دربارهٔ ارزش‌های رنگ بیشتر بیاموزید
در فصل‌های بعدی اطلاعات بیشتری در مورد RGB ,HEX و HSL کسب خواهید کرد.
منابع آموزشی