สีที่ปรากฏจะมีการรวมสีแดงสีเขียวและสีฟ้าอ่อน
ชื่อสี
ด้วย CSS, สีสามารถตั้งค่าโดยใช้ชื่อสี:
ค่าสี CSS
ด้วย CSS สีสามารถระบุได้ในรูปแบบที่แตกต่างกัน:
- โดยชื่อสี
- ในฐานะที่เป็นค่า RGB
- เป็นค่าเลขฐานสิบหก
- เป็นค่า HSL (CSS3)
- เป็นค่า HWB (CSS4)
สี RGB
ค่าสี RGB ได้รับการสนับสนุนในเบราว์เซอร์
ค่าสี RGB จะถูกระบุด้วย: RGB (สีแดง, สีเขียว, สีฟ้า)
แต่ละพารามิเตอร์ (สีแดง, สีเขียวและสีน้ำเงิน) กำหนดความเข้มของสีเป็นจำนวนเต็มระหว่าง 0 และ 255
ยกตัวอย่างเช่น rgb (0,0,255) จะกลายเป็นสีฟ้าเพราะพารามิเตอร์สีฟ้าถูกตั้งค่าสูงสุด (255) และอื่น ๆ ที่มีการตั้งค่าเป็น 0
เฉดสีเทามักจะถูกกำหนดโดยใช้ค่าเท่าเทียมกันสำหรับทุก 3 แหล่งกำเนิดแสง:
สีเลขฐานสิบหก
ค่าสีฐานสิบหกได้รับการสนับสนุนในเบราว์เซอร์
สีฐานสิบหกมีการระบุด้วย: # RRGGBB
RR (สีแดง), GG (สีเขียว) และบีบี (สีฟ้า) เป็นจำนวนเต็มฐานสิบหกระหว่าง 00 และ FF ระบุความเข้มของสี
ยกตัวอย่างเช่น # 0000FF จะปรากฏเป็นสีฟ้าเพราะองค์ประกอบสีฟ้าถูกตั้งค่าสูงสุด (FF) และอื่น ๆ ที่มีการตั้งค่าให้ 00
ตัวอย่าง
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
ลองตัวเอง» เฉดสีเทามักจะถูกกำหนดโดยใช้ค่าเท่าเทียมกันสำหรับทุก 3 แหล่งกำเนิดแสง:
ตัวอย่าง
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
ลองตัวเอง» Upper Case หรือกรณีที่ต่ำกว่า?
คุณสามารถใช้กรณีบนหรือล่างตัวอักษรกรณีที่จะระบุค่าเลขฐานสิบหก
 | กรณีที่ต่ำกว่าจะง่ายต่อการเขียน กรณีบนจะง่ายต่อการอ่าน |
|---|
ชื่อสี
CSS สนับสนุน 140 ชื่อสีมาตรฐาน
ในบทต่อไปที่คุณจะได้พบกับรายชื่อเรียงตามตัวอักษรที่สมบูรณ์ของชื่อสีที่มีค่าเลขฐานสิบหก:
| Color Name | Hex | Color |
|---|---|---|
| AliceBlue | #F0F8FF | |
| AntiqueWhite | #FAEBD7 | |
| Aqua | #00FFFF | |
| Aquamarine | #7FFFD4 | |
| Azure | #F0FFFF | |
| Beige | #F5F5DC | |
| Bisque | #FFE4C4 |