colors در HTML
تلویزیون و مانیتورها رنگ ها را با ترکیب 3 رنگ اصلی قرمز، سبز و آبی به نمایش در می آورند.
به این رنگ ها اختصارا 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 باشد.
با ترکیب این سه رنگ می توان تمامی رنگ ها را ایجاد نمود.