رنگ‌ها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
(تغییرمسیر از رنگ های اِچ تی اِم اِل)
پرش به ناوبری پرش به جستجو

رنگ‌های HTML با استفاده از نام رنگ‌های از پیش تعیین شدهٔ رنگ‌ها، یا مقدارهای RGB ,HEX ,HSL ,RGBA ,HSLA مشخص می‌شوند.[۱]

Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML


نام رنگ ها

در HTML رنگ را می‌توان با استفاده از نام یک رنگ تعیین کرد:

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


HTML از ۱۴۰ نام رنگ استاندارد پشتیبانی می‌کند.


مشاهدهٔ نتیجه


رنگ پیش زمینه

می‌توانید برای عناصر HTML رنگ پیش زمینه تعیین کنید:

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مثال

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


مشاهدهٔ نتیجه


رنگ متن

می‌توانید رنگ متن را مشخص کنید:

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مثال

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)

می‌توانید رنگ کادرها را مشخص کنید:

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مثال

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 تعیین کرد:

مانند نام رنگ «گوجه‌ای»:

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مانند نام رنگ «گوجه‌ای» اما با ۵۰٪ شفافیت:

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مثال

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 کسب خواهید کرد.


منابع آموزشی