Blockdit Logo (Mobile)
KESANA
•
21 ต.ค. 2023 เวลา 06:22 • การศึกษา

colour css ข้อมูลบางส่วนเกี่ยวกับสี CSS

CSS มีวิธีกำหนดสีหลายวิธี รวมถึงชื่อสี ค่าเลขฐานสิบหก ค่า RGB ค่า HSL และอื่นๆ
ชื่อสี CSS กำหนดชุดชื่อสี red ชื่อที่สามารถใช้เพื่อกำหนดสีขององค์ประกอบ เช่น เราสามารถกำหนดสีของข้อความโดยใช้ชื่อสี "สีแดง"
h3 {
color:red; }
ค่าเลขฐานสิบหก: ค่าเลขฐานสิบหกคือรหัสหกหลักที่แสดงจำนวนสีแดง เขียว และน้ำเงินในสีหนึ่งสี ตัวเลขแต่ละคู่แสดงถึงความเข้มของแต่ละช่องสี ตั้งแต่ 00 (ไม่มีความเข้ม) ถึง FF (ความเข้มสูงสุด) ตัวอย่างเช่น เราสามารถตั้งค่าสีของข้อความโดยใช้ค่าเลขฐานสิบหก #FF0000 ซึ่งแสดงถึงสีแดงบริสุทธิ์
h2{
color: #ff0000;
}
ค่า RGB: ค่า RGB คล้ายกับค่าเลขฐานสิบหก แต่ใช้ค่าทศนิยมแทน แต่ละช่องสีสามารถอยู่ในช่วงตั้งแต่ 0 ถึง 255 โดย 0 คือไม่มีความเข้ม และ 255 คือความเข้มสูงสุด ตัวอย่างเช่น เราสามารถตั้งค่าสีของข้อความโดยใช้ค่า RGB " rgb ( 255, 0, 0 ) " ซึ่งแสดงถึงสีแดงบริสุทธิ์เช่นกัน
h1 {
color: rgb(255, 000, 000); }
ค่า HSL: ค่า HSL กำหนดสีตามเฉดสี ความอิ่มตัวของสี และความสว่าง เฉดสีจะแสดงเป็นมุมบนวงล้อสี ( ตั้งแต่ 0 ถึง 360 ) ในขณะที่ความอิ่มตัวและความสว่างจะแสดงเป็นเปอร์เซ็นต์ (ตั้งแต่ 0% ถึง 100%) ตัวอย่างเช่น เราสามารถตั้งค่าสีของข้อความโดยใช้ค่า HSL "hsl (0, 100%, 50% ) " ซึ่งแสดงถึงสีแดงบริสุทธิ์เช่นกัน
h4 {
color: hsl(0, 100%, 50%); }
นอกเหนือจากคำจำกัดความสีพื้นฐานเหล่านี้แล้ว CSS ยังมีคุณสมบัติที่เกี่ยวข้องกับสีต่างๆ เช่น ความทึบ ซึ่งสามารถใช้เพื่อปรับความโปร่งใสขององค์ประกอบได้
โฆษณา