CSS HEX สี
สีเลขฐานสิบหกถูกระบุด้วย: #RRGGBB โดยที่จำนวนเต็มเลขฐานสิบหก RR (สีแดง), GG (สีเขียว) และ BB (สีน้ำเงิน) จะระบุส่วนประกอบของสี
ค่า HEX
ใน CSS สามารถระบุสีได้โดยใช้ค่าเลขฐานสิบหกในรูปแบบ:
# rrggbb
โดยที่ rr (สีแดง), gg (สีเขียว) และ bb (สีน้ำเงิน) เป็นค่าเลขฐานสิบหกระหว่าง 00 ถึง ff (เหมือนกับทศนิยม 0-255)
ตัวอย่างเช่น #ff0000 จะแสดงเป็นสีแดง เนื่องจากสีแดงถูกกำหนดเป็นค่าสูงสุด (ff) และค่าอื่นๆ ถูกกำหนดเป็นค่าต่ำสุด (00)
หากต้องการแสดงสีดำ ให้ตั้งค่าทั้งหมดเป็น 00 ดังนี้: #000000
หากต้องการแสดงสีขาว ให้ตั้งค่าทั้งหมดเป็น ff ดังนี้: #ffffff
ทดลองโดยผสมค่า HEX ด้านล่าง:
#ff6347
สีแดง
เขียว
สีฟ้า
ตัวอย่าง
เฉดสีเทามักถูกกำหนดโดยใช้ค่าที่เท่ากันสำหรับแหล่งกำเนิดแสงทั้ง 3 แห่ง:
ตัวอย่าง
ค่า HEX 3 หลัก
บางครั้งคุณจะเห็นรหัสฐานสิบหก 3 หลักในซอร์ส CSS
รหัสฐานสิบหก 3 หลักคือชวเลขสำหรับรหัสฐานสิบหก 6 หลัก
รหัสฐานสิบหก 3 หลักมีรูปแบบดังต่อไปนี้:
#rgb _
โดยที่ r, g และ b หมายถึงองค์ประกอบสีแดง สีเขียว และสีน้ำเงินที่มีค่าระหว่าง 0 ถึง f
รหัสฐานสิบหก 3 หลักสามารถใช้ได้เมื่อค่าทั้งสอง (RR, GG และ BB) เหมือนกันสำหรับแต่ละส่วนประกอบเท่านั้น ดังนั้น หากเรามี #ff00cc สามารถเขียนได้ดังนี้: #f0c
นี่คือตัวอย่าง:
ตัวอย่าง
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}