ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
 

Colorsเกี่ยวกับการสอน


สีที่ปรากฏจะมีการรวมสีแดงสีเขียวและสีฟ้าอ่อน


ชื่อสี

ด้วย CSS, สีสามารถตั้งค่าโดยใช้ชื่อสี:

ตัวอย่าง

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
ลองตัวเอง»

ค่าสี CSS

ด้วย CSS สีสามารถระบุได้ในรูปแบบที่แตกต่างกัน:

  • โดยชื่อสี
  • ในฐานะที่เป็นค่า RGB
  • เป็นค่าเลขฐานสิบหก
  • เป็นค่า HSL (CSS3)
  • เป็นค่า HWB (CSS4)

สี RGB

ค่าสี RGB ได้รับการสนับสนุนในเบราว์เซอร์

ค่าสี RGB จะถูกระบุด้วย: RGB (สีแดง, สีเขียว, สีฟ้า)

แต่ละพารามิเตอร์ (สีแดง, สีเขียวและสีน้ำเงิน) กำหนดความเข้มของสีเป็นจำนวนเต็มระหว่าง 0 และ 255

ยกตัวอย่างเช่น rgb (0,0,255) จะกลายเป็นสีฟ้าเพราะพารามิเตอร์สีฟ้าถูกตั้งค่าสูงสุด (255) และอื่น ๆ ที่มีการตั้งค่าเป็น 0

ตัวอย่าง

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
ลองตัวเอง»

เฉดสีเทามักจะถูกกำหนดโดยใช้ค่าเท่าเทียมกันสำหรับทุก 3 แหล่งกำเนิดแสง:

ตัวอย่าง

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
ลองตัวเอง»

สีเลขฐานสิบหก

ค่าสีฐานสิบหกได้รับการสนับสนุนในเบราว์เซอร์

สีฐานสิบหกมีการระบุด้วย: # 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