การกำหนดสีผ่าน # ใน CSS

วิธีการกำหนดสีผ่าน rgb แม้ว่าจะช่วยให้ได้เฉดสีใด ๆ ของสีใด ๆ แต่ก็ยังค่อนข้างยุ่งยาก ดังนั้นจึงมีวิธีที่สาม ในการกำหนดสี - ผ่านค่าสีในระบบ เลขฐานสิบหก

เพื่อให้เข้าใจแก่นแท้ของวิธีนี้ คุณต้อง ทำความเข้าใจกับระบบเลขฐานสิบหก ซึ่งแตกต่างจากระบบทศนิยม ที่เราใช้ในชีวิตประจำวัน โดยไม่ใช่ เลขสิบตัว แต่เป็นสิบหกตัว: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - อย่างที่คุณเห็น เนื่องจากขาดตัวเลขหลังจาก เก้า จึงใช้ตัวอักษรแทน

ในระบบนี้ แทนที่จะใช้ rgb จะเขียนด้วย สัญลักษณ์ชาร์ป # ตามด้วยตัวอักษร หกตัว สองตัวแรกคือสีแดง สองตัวถัดมาคือสีเขียว และสองตัวสุดท้าย คือสีน้ำเงิน สียังคงเปลี่ยนจาก 0 ถึง 255 แต่ในระบบฐานสิบหก จะอยู่ระหว่าง 00 ถึง FF

ในตัวอย่างต่อไปนี้ ย่อหน้าจะถูกกำหนดให้เป็นสีแดง:

<p>
	ข้อความ
</p>

p {
	color: #FF0000;
}

กำหนดสี #FFEEAA ให้กับย่อหน้าทั้งหมด

กำหนดพื้นหลัง #000000 และสีข้อความ #FFFFFF ให้กับย่อหน้าทั้งหมด จะได้สีอะไร ออกมา?

ให้โค้ดต่อไปนี้:

p {
	color: rgb(255, 200, 255);
}

ใช้ตัวแปลงสีบางตัวแปลง สีเป็นรูปแบบเลขฐานสิบหก