رنگ های HTML
آنچه در این مطلب میخوانید:
رنگ های HTML چه کدهایی دارند؟
آموزش html درس دوازدهم
رنگ های HTML را می توان با استفاده از نام رنگ های از پیش تعریف شده، RGB، HEX، HSL، RGBA و HSLA مشخص کرد.
نام رنگ های HTML
در HTML یک رنگ را می توان با استفاده از یک نام رنگ مشخص کرد:
Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray
رنگ پس زمینه
شما می توانید رنگ پس زمینه برای عناصر HTML را تنظیم کنید:
یادگیری طراحی وب
در عصر دیجیتال شاید چیزی که بیش از پیش حائزاهمیت است . یادگیری علوم مرتبط با فناوری باشد. پس قبل از اینکه این موضوع همه گیر شود به یادگیری این فنون بپردازید و سود ببرید. و کسب و کار خود را دیجیتالی کنید .
مثال :
[php]
<h1 style="background-color:DodgerBlue;">Hello World</h1>
Lorem ipsum…
[/php]
رنگ متن
.
لزوم یادگیری طراحی وب
با یادگیری طراحی وب می توانید خدمات خود را به صورت دیجیتالی به مردم معرفی کنید و همچنین سود بیشتری ببرید در بسته آنلاین کسب و کار اینترنتی تمامی اصول به شما یاد داده می شود
پس با ما همراه باشید تا در دنیای دیجیتال حرفی برای گفتن داشته باشید
مثال :
<h1 style=”color:Tomato”>لزوم یادگیری طراحی وب</h1>
<p style=”color:DodgerBlue”>با یادگیری طراحی وب می توانید خدمات خود را به صورت دیجیتالی به مردم معرفی کنید و همچنین سود بیشتری ببرید در بسته آنلاین کسب و کار اینترنتی تمامی اصول به شما یاد داده می شود </p>
<p style=”color:MediumSeaGreen”>پس با ما همراه باشید تا در دنیای دیجیتال حرفی برای گفتن داشته باشید </p>
رنگ حاشیه در html
شما می توانید رنگ حاشیه را نیز تنظیم کنید:
Hello World
Hello World
Hello World
مثال :
<h1 style=”border:2px solid Tomato”>Hello World</h1>
<h1 style=”border:2px solid DodgerBlue”>Hello World</h1>
<h1 style=”border:2px solid Violet”>Hello World</h1>
مقادیر رنگ در html
در HTML، رنگ ها نیز می توانند با استفاده از مقادیر RGB، مقادیر HEX، مقادیر HSL، مقادیر RGBA و مقادیر HSLA مشخص شوند.
همانند نام رنگ “Tomato” :
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
همانند رنگ “Tomato” اما 50 درصد شفاف تر :
rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
مثال :
<h1 style=”background-color: #ff6347; text-align: center;”>rgb(255, 99, 71)</h1>
<h1 style=”background-color: #ff6347; text-align: center;”>#ff6347</h1>
<h1 style=”background-color: hsl(9, 100%, 64%); text-align: center;”>hsl(9, 100%, 64%)</h1>
<h1 style=”background-color: rgba(255, 99, 71, 0.5); text-align: center;”>rgba(255, 99, 71, 0.5)</h1>
<h1 style=”background-color: rgba(255, 99, 71, 0.5); text-align: center;”>hsla(9, 100%, 64%, 0.5)</h1>
مقادیر RGB
در HTML، یک رنگ را می توان به عنوان یک مقدار RGB تعریف کرد، با استفاده از این فرمول:
rgb (قرمز، سبز، آبی)
هر پارامتر (قرمز، سبز و آبی) شدت رنگ را بین 0 تا 255 تعریف می کند.
به عنوان مثال، rgb (255، 0، 0) به صورت قرمز نمایش داده می شود، چرا که قرمز به بالاترین مقدار آن (255) و دیگران به 0 تنظیم شده است.
برای نمایش رنگ سیاه، تمام پارامترهای رنگ باید به 0 تنظیم شوند، مانند این: rgb (0، 0، 0).
برای نمایش رنگ سفید، تمام پارامترهای رنگ باید به 255 تنظیم شود، مانند این: rgb (255، 255، 255).
دیدگاهتان را بنویسید