رنگ‌ها در HTML
آموزش گام به گام html از مبتدی تا پیشرفته
colors در HTML
تلویزیون و مانیتورها رنگ ها را با ترکیب 3 رنگ اصلی قرمز، سبز و آبی به نمایش در می آورند. برای ترکیب مقدار رنگ های قرمز، سبز و آبی در HTML، از مبنای هگزا دسیمال (HEX) استفاده می شود. کمترین مقداری که می توان به یک منبع نوری داد صفر (در مبنای هگزا دسیمال: 00 ) و بیشترین مقدار255 (در مبنای هگزا:FF) می باشد.
مقادیر HEX به صورت سه جفت از اعداد دو رقمی که با علامت # شروع می شوند مشخص می شوند. به این رنگ ها اختصارا RGB می گویند.
نام رنگ ها
با CSS می توان رنگ ها را با اسمشان نمایش داد.
برای مثال:
<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:red">رنگ پس زمینه قرمز </h2>
<h2 style="background-color:orange"> رنگ پس زمینه نارنجی </h2>
<h2 style="background-color:yellow"> رنگ پس زمینه زرد </h2>
<h2 style="background-color:blue;color:white"> رنگ پس زمینه آبی و نوشته به رنگ سفید </h2>
</body>
</html>
اگر شما اسم رنگ را نمی دانید می توانید از کلمه ی rgb استفاده نمایید.
مثال:
<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:rgb(255,0,0)"> Background-color set by using rgb(255,0,0) </h2>
</body>
</html>
همانطور که مشاهده می کنید (255,0,0)rgb رنگ قرمز را به ما نمایش می دهد. عدد سمت چپ رنگ قرمز است، عدد وسط رنگ سبز، عدد سمت راست رنگ آبی.
نکته: هر عدد می تواند از 0 تا 255 باشد.
با ترکیب این سه رنگ می توان تمامی رنگ ها را ایجاد نمود.
مختصری از مقادیر رنگ ها:
| Color | Color HEX | Color RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
مطالب زیر را حتما مطالعه کنید
طراحی جدول ها در بوت استرپ
سیستم Grid در بوت استرپ 4
آشنایی با Bootstrap 4
تایپوگرافی در بوت استرپ 4
آموزش قدم به قدم Bootstrap
دیدگاهتان را بنویسید