สีที่ปรากฏจะมีการรวมสีแดงสีเขียวและสีฟ้าอ่อน
สีใน CSS ส่วนใหญ่มักจะถูกกำหนดโดย:
- ชื่อสีที่ถูกต้อง - เหมือน "red"
- ค่า RGB - เหมือน "rgb(255, 0, 0)"
- ค่า HEX - เหมือน "#ff0000"
ชื่อสี
สีตั้งค่าโดยใช้ชื่อสี:
หมายเหตุ: ชื่อสีเป็นกรณีตาย: "Red" เป็นเช่นเดียวกับ "red" หรือ "RED"
HTML และ CSS สนับสนุน 140 ชื่อสีมาตรฐาน
RGB (สีแดง, สีเขียว, สีฟ้า)
ค่าสี RGB สามารถระบุได้โดยใช้สูตรนี้: RGB (สีแดง, สีเขียว, สีฟ้า)
แต่ละพารามิเตอร์ (สีแดง, สีเขียว, สีฟ้า) กำหนดความเข้มของสีระหว่าง 0 และ 255
ยกตัวอย่างเช่น rgb(255,0,0)
จะปรากฏเป็นสีแดงเพราะสีแดงถูกตั้งค่าสูงสุด (255) และอื่น ๆ ที่มีการตั้งค่าเป็น 0 การทดลองโดยการผสมค่า RGB ด้านล่าง:
สีแดง | สีเขียว | สีน้ำเงิน |
---|---|---|
255 | 0 | 0 |
ตัวอย่าง
Color | RGB |
---|---|
rgb(255,0,0) | |
rgb(0,255,0) | |
rgb(0,0,255) | |
rgb(255,165,0) | |
rgb(255,255,0) | |
rgb(0,255,255) |
เฉดสีเทามักจะถูกกำหนดโดยใช้ค่าเท่าเทียมกันสำหรับทุก 3 แหล่งกำเนิดแสง:
สีเลขฐานสิบหก
ค่า RGB ยังสามารถจะระบุโดยใช้ค่าสีฐานสิบหกในรูปแบบ: rrggbb # ที่ RR (สีแดง), GG (สีเขียว) และบีบี (สีฟ้า) เป็นค่าเลขฐานสิบหกระหว่าง 00 และ FF (เช่นเดียวกับทศนิยม 0-255)
ยกตัวอย่างเช่น #FF0000
จะปรากฏเป็นสีแดงเพราะสีแดงถูกตั้งค่าสูงสุด (FF) และคนอื่น ๆ จะถูกตั้งค่าต่ำสุด (00) หมายเหตุ:. ค่า HEX กรณีตาย: "#ff0000" จะเหมือนกัน เป็น "FF0000"
เฉดสีเทามักจะถูกกำหนดโดยใช้ค่าเท่าเทียมกันสำหรับทุก 3 แหล่งกำเนิดแสง: