رنگ‌ها

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

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

نام رنگ ها

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


منابع آموزشی