การกำหนดสีให้กับ Background และสีของตัวอักษร



การกำหนดสีของ background

Source View
<html>
<head>
<title> </title>
</body>
<body bgcolor="#FF0000">
</body>
</html>
 		  

การกำหนดสีของฉากหลังนี้ เราต้องกำหนด Attribute bgcolor="#RRGGBB" ซึ่งเป็นส่วนหนึ่งของคำสั่ง <Body> โดยสีที่ต้องการนี้จะเป็นตัวเลขฐาน 16 จำนวน 3 ชุด ชุดละ 2 ตัว โดยชุดที่หนึ่งแทนค่าตัวอักษรสีแดง ชุดที่สองแทนค่าตัวอักษรสีเขียว และชุดที่สามแทนค่าตัวอักษรสีน้ำเงิน
โดยปกติจะมีสีที่เป็นแม่สีอยู่ 3 สีคือ แดง(#FF0000), เขียว(#00FF00), น้ำเงิน(#0000FF) ซึ่งเมื่อนำมาผสมกัน ก็จะทำให้เกิดสีขึ้นมาใหม่ เช่น

 
สี รหัส สีที่ได้
ขาว #FFFFFF  
ดำ #000000
เทา #BBBBBB  

ดูตารางสีเพิ่มเติม

นอกจากนี่เรายังสามารถเรียกใช้ชื่อสีแทนการเรียกใช้สีแบบ #RRGGBB ก็ได้ เช่น
bgcolor=ชื่อสี
<body bgcolor=White> = สีขาว (#FFFFFF)
<body bgcolor=Red> =สีแดง (#FF0000)
<body bgcolor=Green> =สีเขียว (#00FF00)
<body bgcolor=Blue> =สีน้ำเงิน (#0000FF)
<body bgcolor=Magenta> =สีม่วง (#FF00FF)
<body bgcolor=Yellow> = สีเหลือง (#FFFF00)
เป็นต้น

*** ในการใช้ชื่อสีแบบนี้ อาจเกิดปัญหากับ Internet Explorer ได้เนื่องจากว่า ในบางสีนั้น Internet Explorer ไม่เข้าใจ อาจทำให้การแสดงผลผิดพลาดได้ สำหรับ Netscape ก็เช่นเดียวกันครับ ชื่อสีที่ Internet Explorer เข้าใจ Netscape อาจไม่เข้าใจก็ได้ ดังนั้นเราควรกำหนดสีโดยการใช้เลขฐาน 16 จะดีกว่าครับ***

NOTE & TIPS!
เราสามารถสร้างสีได้ทั้งหมด 65536 สี



การกำหนดสีให้กับตัวอักษร (Text="#RRGGBB")
ทำได้โดยการเพิ่มส่วนขยาย (Attribute) Text=#รหัสสี โดยในส่วนของรหัสสียังใช้ในลักษณะเดียวกับการกำหนดสีพื้น
ตัวอย่าง
<boby text="#FF0000"> กำหนดให้ตัวอักษร มีสีปกติเป็นสีแดง
<body text=red>กำหนดให้ตัวอักษร มีสีปกติเป็นสีแดง
<body bgcolor="#000000" text="#FFFFFF">กำหนดให้สีพื้นมีสีดำ และตัวอักษร มีสีปกติเป็นสีขาว

Source View
<html>
<head>
<title></title>
</head>
<body text="#FF0000">
Web Builder ยินดีต้อนรับ
</body>
</html>
 		 Web Builder ยินดีต้อนรับ

Source View
<html>
<head>
<title></title>
</head>
<body text="#FFFFFF" bgcolor="#aa00f0">
Web Builder ยินดีต้อนรับ
</body>
</html>
 		 Web Builder ยินดีต้อนรับ

ดูตารางสีเพิ่มเติม


การกำหนดสีให้กับตัวอักษร (Font color="#RRGGBB")
เนื่องจากการกำหนดใช้สีจาก แอตทริบิวต์ text="#RRGGBB นั้นกำหนดสีตัวอักษรได้ก็จริง แต่จะสังเกตุได้ว่า ใช้ได้เพียงสีเดียวเท่านั้น หากต้องการใช้สีอื่นๆขอให้ใช้คำสั่ง <font color="#RRGGBB"> เข้าไปแทน ดังตัวอย่าง

ตัวอย่าง

Source View
<html>
<head>
<title></title>
</head>
<body text="#FFFFFF" bgcolor="#660033">
Web Builder ยินดีต้อนรับ<br>
<Font color="#FF00FF">เข้าสู่โลกของ HTML</font>

</body>
</html>
 		 Web Builder ยินดีต้อนรับ
เข้าสู่โลกของ HTML

ดูตารางสีเพิ่มเติม