รหัสสีพาสเทล สีในรูปแบบสามารถระบุได้หลายวิธี: ตามค่าฐานสิบหก, ตามชื่อ, ในรูปแบบ RGB, RGBA, HSL, HSLA

เลขฐานสิบหกใช้เพื่อระบุสี ระบบเลขฐานสิบหกซึ่งแตกต่างจากระบบทศนิยมนั้นเป็นไปตามชื่อของมัน ตัวเลขจะเป็นดังนี้ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. ตัวเลขตั้งแต่ 10 ถึง 15 จะถูกแทนที่ด้วยตัวอักษรละติน ตัวเลขที่มากกว่า 15 ในระบบเลขฐานสิบหกนั้นเกิดขึ้นจากการรวมตัวเลขสองตัวให้เป็นหนึ่งเดียว ตัวอย่างเช่น ตัวเลข 255 ในรูปทศนิยมจะสอดคล้องกับตัวเลข FF ที่เป็นเลขฐานสิบหก เพื่อหลีกเลี่ยงความสับสนในการกำหนดระบบตัวเลข สัญลักษณ์แฮช # จะถูกวางไว้หน้าเลขฐานสิบหก เช่น #666999 แต่ละสีในสามสี ได้แก่ แดง เขียว และน้ำเงิน สามารถรับค่าได้ตั้งแต่ 00 ถึง FF ดังนั้น สัญลักษณ์สีจึงถูกแบ่งออกเป็นสามองค์ประกอบ #rrggbb โดยที่สัญลักษณ์สองตัวแรกระบุองค์ประกอบสีแดงของสี สองตัวตรงกลางคือสีเขียว และสองตัวสุดท้ายคือสีน้ำเงิน อนุญาตให้ใช้รูปแบบย่อ #rgb โดยที่อักขระแต่ละตัวควรเพิ่มเป็นสองเท่า ดังนั้น รายการ #fe0 ควรถือเป็น #ffee00

ตามชื่อ

อินเทอร์เน็ตเอ็กซ์พลอเรอร์	โครเมียม	โอเปร่า	ซาฟารี	ไฟร์ฟอกซ์	หุ่นยนต์	ไอโอเอส
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

เบราว์เซอร์รองรับสีบางสีตามชื่อ ในตาราง เลข 1 แสดงชื่อ รหัสเลขฐานสิบหก RGB ค่า HSL และคำอธิบาย

โต๊ะ 1. ชื่อสี

ชื่อ	สี	รหัส	RGB	HSL	คำอธิบาย
สีขาว		#ffffff หรือ #fff	RGB(255,255,255)	เอชเอสแอล(0.0%,100%)	สีขาว
เงิน		#c0c0c0	RGB(192,192,192)	เอชเอสแอล(0.0%,75%)	สีเทา
สีเทา		#808080	RGB(128,128,128)	เอชเอสแอล(0.0%,50%)	สีเทาเข้ม
สีดำ		#000000 หรือ #000	RGB(0,0,0)	HSL(0.0%,0%)	สีดำ
สีน้ำตาลแดง		#800000	RGB(128,0,0)	เอชเอสแอล(0.100%,25%)	สีแดงเข้ม
สีแดง		#ff0000 หรือ #f00	RGB(255,0,0)	เอชเอสแอล(0,100%,50%)	สีแดง
ส้ม		#ffa500	RGB(255,165,0)	เอชเอสแอล(38.8,100%,50%)	ส้ม
สีเหลือง		#ffff00 หรือ #ff0	RGB(255,255,0)	เอชเอสแอล(60,100%,50%)	สีเหลือง
มะกอก		#808000	RGB(128,128,0)	เอชเอสแอล(60,100%,25%)	มะกอก
มะนาว		#00ff00 หรือ #0f0	RGB(0,255,0)	เอชเอสแอล(120,100%,50%)	สีเขียวอ่อน
สีเขียว		#008000	RGB(0,128,0)	เอชเอสแอล(120,100%,25%)	สีเขียว
น้ำ		#00ffff หรือ #0ff	RGB(0,255,255)	เอชเอสแอล(180,100%,50%)	สีฟ้า
สีฟ้า		#0000ff หรือ #00f	RGB(0,0,255)	เอชเอสแอล(240,100%,50%)	สีฟ้า
กองทัพเรือ		#000080	RGB(0,0,128)	เอชเอสแอล(240,100%,25%)	สีน้ำเงินเข้ม
นกเป็ดน้ำ		#008080	RGB(0,128,128)	เอชเอสแอล(180,100%,25%)	สีฟ้า-เขียว
สีแดงม่วง		#ff00ff หรือ #f0f	RGB(255,0,255)	เอชเอสแอล(300,100%,50%)	สีชมพู
สีม่วง		#800080	RGB(128,0,128)	เอชเอสแอล(300,100%,25%)	สีม่วง

การใช้ RGB

อินเทอร์เน็ตเอ็กซ์พลอเรอร์	โครเมียม	โอเปร่า	ซาฟารี	ไฟร์ฟอกซ์	หุ่นยนต์	ไอโอเอส
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

คุณสามารถกำหนดสีโดยใช้ค่าสีแดง เขียว และน้ำเงินในรูปแบบทศนิยม ส่วนประกอบสีทั้งสามสีแต่ละสีใช้ค่าตั้งแต่ 0 ถึง 255 นอกจากนี้ยังอนุญาตให้ระบุสีเป็นเปอร์เซ็นต์ โดยที่ 100% สอดคล้องกับตัวเลข 255 ขั้นแรก ให้ระบุคีย์เวิร์ด rgb จากนั้นระบุส่วนประกอบสีในวงเล็บ โดยคั่นด้วยเครื่องหมายจุลภาค เช่น rgb(255 , 128, 128) หรือ rgb(100%, 50%, 50%)

RGBA

อินเทอร์เน็ตเอ็กซ์พลอเรอร์	โครเมียม	โอเปร่า	ซาฟารี	ไฟร์ฟอกซ์	หุ่นยนต์	ไอโอเอส
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

รูปแบบ RGBA มีไวยากรณ์คล้ายกับ RGB แต่มีช่องอัลฟ่าที่ระบุความโปร่งใสขององค์ประกอบ ค่า 0 หมายถึงโปร่งใสทั้งหมด 1 หมายถึงทึบแสง และค่ากลาง เช่น 0.5 หมายถึงกึ่งโปร่งใส

เพิ่ม RGBA ใน CSS3 ดังนั้นโค้ด CSS จะต้องได้รับการตรวจสอบกับเวอร์ชันนี้ ควรสังเกตว่ามาตรฐาน CSS3 ยังอยู่ระหว่างการพัฒนาและคุณสมบัติบางอย่างอาจมีการเปลี่ยนแปลง ตัวอย่างเช่น สีในรูปแบบ RGB ที่เพิ่มให้กับคุณสมบัติสีพื้นหลังได้รับการตรวจสอบแล้ว แต่สีที่เพิ่มเข้าไปในคุณสมบัติพื้นหลังนั้นใช้ไม่ได้อีกต่อไป ในขณะเดียวกัน เบราว์เซอร์ก็ค่อนข้างเข้าใจสีของคุณสมบัติทั้งสองอย่างถูกต้อง

HSL

อินเทอร์เน็ตเอ็กซ์พลอเรอร์	โครเมียม	โอเปร่า	ซาฟารี	ไฟร์ฟอกซ์	หุ่นยนต์	ไอโอเอส
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

ชื่อของรูปแบบ HSL มาจากการรวมกันของตัวอักษรตัวแรก Hue (hue), Saturate (ความอิ่มตัว) และ Lightness (ความสว่าง) ฮิว คือค่าสีบนวงล้อสี (รูปที่ 1) และมีหน่วยเป็นองศา 0° ตรงกับสีแดง 120° เป็นสีเขียว และ 240° เป็นสีน้ำเงิน ค่าเฉดสีอาจแตกต่างกันตั้งแต่ 0 ถึง 359

ข้าว. 1. วงล้อสี

ความอิ่มตัวคือความเข้มของสีและวัดเป็นเปอร์เซ็นต์ตั้งแต่ 0% ถึง 100% ค่า 0% หมายถึงไม่มีสีและเป็นสีเทา ส่วน 100% คือค่าสูงสุดสำหรับความอิ่มตัว

ความสว่างจะระบุความสว่างของสีและระบุเป็นเปอร์เซ็นต์ตั้งแต่ 0% ถึง 100% ค่าต่ำจะทำให้สีเข้มขึ้น และค่าที่สูงจะทำให้สีจางลง ค่าสุดขีดคือ 0% และ 100% สอดคล้องกับขาวดำ

HSLA

อินเทอร์เน็ตเอ็กซ์พลอเรอร์	โครเมียม	โอเปร่า	ซาฟารี	ไฟร์ฟอกซ์	หุ่นยนต์	ไอโอเอส
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

รูปแบบ HSLA มีไวยากรณ์คล้ายกับ HSL แต่มีช่องอัลฟ่าเพื่อระบุความโปร่งใสขององค์ประกอบ ค่า 0 หมายถึงโปร่งใสทั้งหมด 1 หมายถึงทึบแสง และค่ากลาง เช่น 0.5 หมายถึงกึ่งโปร่งใส

เพิ่มค่าสี RGBA, HSL และ HSLA ใน CSS3 แล้ว ดังนั้นโปรดตรวจสอบโค้ดของคุณเพื่อดูความถูกต้องของเวอร์ชันเมื่อใช้รูปแบบเหล่านี้

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

คำเตือน

วิธีการจับสิงโตทั้งหมดที่แสดงอยู่ในเว็บไซต์เป็นไปในเชิงทฤษฎีและใช้วิธีการคำนวณ ผู้เขียนไม่รับประกันความปลอดภัยของคุณเมื่อใช้งาน และไม่รับผิดชอบต่อผลลัพธ์ใดๆ จำไว้ว่าสิงโตเป็นสัตว์นักล่าและเป็นสัตว์อันตราย!

ผลลัพธ์ของตัวอย่างนี้แสดงไว้ในรูปที่ 1 2.

ข้าว. 2.สีบนหน้าเว็บ

ดังที่คุณทราบ สีอาจส่งผลต่อสภาวะของบุคคลทั้งทางจิตใจและร่างกาย ทุกวันในขณะที่ท่องเว็บไซต์บนอินเทอร์เน็ต ดวงตาจะประเมินสีและเฉดสีนับล้าน นักออกแบบเว็บไซต์ที่คุ้นเคยกับจิตวิทยาเรื่องสีสามารถควบคุมอารมณ์ของผู้เข้าชมเพื่อให้บรรลุเป้าหมายบางอย่างได้

นี่เป็นเพราะความจริงที่ว่าบางเฉดสงบและบางอันก็ตื่นเต้น ต่อไปเราจะพูดถึงวิธีการสังเคราะห์และแสดงสีโดยใช้เทคโนโลยีคอมพิวเตอร์

RGB เป็นแบบจำลองสีที่แสดงถึงวิธีการเพื่อให้ได้สีและเฉดสีทั้งหมดโดยการผสมองค์ประกอบหลัก 3 ส่วนในสัดส่วนต่างๆ ได้แก่

• สีแดง ( สีแดง);
• สีเขียว ( สีเขียว);
• สีฟ้า ( สีฟ้า).

นี่คือที่มาของชื่อย่อ RGB สีเหล่านี้ถูกเลือกให้เป็นสีหลักด้วยเหตุผล: เหตุผลก็คือสรีรวิทยาของเรตินาของดวงตามนุษย์และวิธีที่รับรู้:

รุ่น RGB ยังคงได้รับความนิยมมากที่สุดในปัจจุบัน และใช้ในการสร้างสีบนหน้าจอทีวีและจอคอมพิวเตอร์ เนื่องจากผู้ผลิตนำเสนอผลิตภัณฑ์ของตนด้วยคุณลักษณะที่แตกต่างกัน ในปี 1996 จึงได้มีการสร้างระบบสังเคราะห์สีแบบรวม RGB ที่เรียกว่า sRGB ซึ่ง Microsoft และ HP ทำงานร่วมกัน

การแสดงสีเป็นตัวเลข

ตามที่กล่าวไว้ข้างต้น สี RGB เกิดจากการผสมสีหลัก เพื่ออธิบายความเข้มของแต่ละรายการ ได้มีการนำโครงร่างมาใช้โดยแสดงสีด้วยช่วง 0-255 (8 บิต) ซึ่งในรูปแบบเลขฐานสิบหกสอดคล้องกับ 00-FF

นั่นคือสีหลักจะมีลักษณะดังนี้:

• สีแดง – RGB (255,0,0);
• สีเขียว – RGB (0,255,0);
• สีน้ำเงิน – RGB (0,0,255);

หากความเข้มของสีใช้ค่าน้อยกว่า 255 จะได้เฉดสีแดงเขียวและน้ำเงินที่แตกต่างกัน ต่อไปนี้เป็นตารางการไล่ระดับรวมถึงค่าเลขฐานสิบหกของแต่ละเฉดสี:

ตารางสี RGB

โดยธรรมชาติแล้วนอกเหนือจากการไล่สีหลักแล้ว ยังมีสีผสมและจำนวนก็ค่อนข้างมาก ดังนั้นจึงมีการสร้างตารางสี RGB ซึ่งนำเสนอเฉดสีที่มีอยู่ทั้งหมดตลอดจนชื่อและการแสดงตัวเลข ( ในรูปแบบทศนิยมและฐานสิบหก).

คุณสามารถดูได้ที่นี่ ตารางนี้ทำให้ชีวิตของนักออกแบบเว็บไซต์ง่ายขึ้นมาก เนื่องจากภายในไม่กี่วินาที คุณจะพบเฉดสีที่ต้องการและค้นหาการแสดงตัวเลขได้

จานสี RGB ที่ปลอดภัย

อย่างไรก็ตาม ในบางจุดมีปัญหาในการแสดงสีในเบราว์เซอร์ที่แตกต่างกัน และเพื่อแก้ไขปัญหานี้ จึงได้มีการรวบรวมจานสี RGB ที่เรียกว่า "ปลอดภัย" ซึ่งได้มาจากการคำนวณทางคณิตศาสตร์

เมื่อเบราว์เซอร์ไม่สามารถแสดงสีได้อย่างถูกต้อง เบราว์เซอร์จะพยายามเพื่อให้ได้สีที่ใกล้เคียงกับที่ต้องการด้วยการผสมสีที่อยู่ติดกัน และมีแนวโน้มว่าผลลัพธ์จะไม่เป็นที่ยอมรับโดยสิ้นเชิง:

ด้วยการใช้รหัสสี RGB จากจานสีนี้ นักพัฒนาเว็บจะมีความอุ่นใจเกี่ยวกับการแสดงสีบนหน้าเว็บไซต์ของตนเมื่อดูโดยใช้เบราว์เซอร์ แพลตฟอร์ม และจอภาพที่แตกต่างกัน แม้ว่าในขณะนี้ตารางสีที่ปลอดภัยจะสูญเสียความเกี่ยวข้อง ( ความก้าวหน้าทางเทคโนโลยียังไม่หยุดนิ่ง) เมื่อใช้มันคุณสามารถนอนหลับได้อย่างสงบสุขตามที่พวกเขาพูด

สีทองในรุ่น RGB

คำว่า "ทองคำ" ถูกใช้ครั้งแรกเมื่อต้นศตวรรษที่ 14 เพื่ออธิบายสีขององค์ประกอบทางเคมีที่เรียกว่าออรัม - ทองคำ ในโมเดล RGB สีทองจะแสดงด้วยค่าตัวเลขต่อไปนี้:

• RGB (255, 215, 0) – ระบบทศนิยม;
• HEX #FFD700 – ระบบเลขฐานสิบหก

สีเบจ ในรุ่น RGB

สีเบจครองตำแหน่งที่ค่อนข้างสำคัญในประวัติศาสตร์แม้ว่าจะไม่ได้แสดงออกมากที่สุดก็ตาม อนุสรณ์สถานทางวัฒนธรรมหลายแห่ง โดยเฉพาะประติมากรรมโบราณ ทำจากหินสบู่และหินสบู่ซึ่งมีโทนสีเบจ ในโมเดล RGB สีเบจมีการแสดงตัวเลขดังต่อไปนี้:

• RGB (245, 245, 220) – ระบบทศนิยม;
• HEX #F5F5DC – ระบบเลขฐานสิบหก

ทุกวันนี้ โดยเฉพาะอย่างยิ่งบนเวิลด์ไวด์เว็บ เป็นเรื่องยากที่จะเห็นสีที่ "น่าเบื่อ" เช่นนี้ นักพัฒนาให้ความสำคัญกับการออกแบบที่สะดุดตาโดยใช้สีสันสดใส ความก้าวหน้าทางเทคโนโลยีทำให้สามารถแสดงสีจำนวนมหาศาลบนจอภาพได้ ซึ่งทำให้ภาพดูสมจริงยิ่งขึ้น

ดีไม่ดี

รหัสสีใน CSS ใช้เพื่อระบุสี โดยทั่วไป รหัสสีหรือค่าสีจะใช้ในการตั้งค่าสีสำหรับสีพื้นหน้าขององค์ประกอบ (เช่น สีข้อความ สีลิงก์) หรือสีพื้นหลังขององค์ประกอบ (สีพื้นหลัง สีบล็อก) นอกจากนี้ยังสามารถใช้เพื่อเปลี่ยนสีของปุ่ม เส้นขอบ เครื่องหมาย โฮเวอร์ และเอฟเฟกต์การตกแต่งอื่นๆ

คุณสามารถระบุค่าสีของคุณในรูปแบบต่างๆ ตารางต่อไปนี้แสดงรายการรูปแบบที่เป็นไปได้ทั้งหมด:

รูปแบบที่ระบุไว้มีรายละเอียดเพิ่มเติมด้านล่าง

สี CSS - รหัสฐานสิบหก

รหัสสีเลขฐานสิบหกคือการแสดงสีหกหลัก ตัวเลขสองตัวแรก (RR) แสดงถึงค่าสีแดง สองตัวถัดไปแสดงถึงค่าสีเขียว (GG) และสองตัวสุดท้ายแสดงถึงค่าสีน้ำเงิน (BB)

สี CSS - รหัสฐานสิบหกแบบสั้น

รหัสสีฐานสิบหกสั้นเป็นรูปแบบสั้นของสัญกรณ์หกอักขระ ในรูปแบบนี้ แต่ละหลักจะถูกทำซ้ำเพื่อสร้างค่าสีหกหลักที่เทียบเท่ากัน ตัวอย่างเช่น: #0F0 จะกลายเป็น #00FF00

ค่าเลขฐานสิบหกสามารถนำมาจากซอฟต์แวร์กราฟิกใดๆ เช่น Adobe Photoshop, Core Draw เป็นต้น

รหัสสีเลขฐานสิบหกแต่ละรหัสใน CSS จะนำหน้าด้วยเครื่องหมายแฮช "#" ด้านล่างนี้คือตัวอย่างการใช้สัญลักษณ์เลขฐานสิบหก

สี CSS - ค่า RGB

ค่า RGBคือรหัสสีที่ตั้งค่าโดยใช้คุณสมบัติ rgb() คุณสมบัตินี้รับค่าสามค่า: ค่าหนึ่งสำหรับสีแดง สีเขียว และสีน้ำเงิน ค่าอาจเป็นจำนวนเต็มตั้งแต่ 0 ถึง 255 หรือเปอร์เซ็นต์

บันทึก:เบราว์เซอร์บางประเภทไม่รองรับคุณสมบัติสี rgb() ดังนั้นจึงไม่แนะนำให้ใช้

ด้านล่างนี้เป็นตัวอย่างที่แสดงหลายสีโดยใช้ค่า RGB

เครื่องกำเนิดรหัสสี

คุณสามารถสร้างรหัสสีนับล้านได้โดยใช้บริการของเรา

สีที่ปลอดภัยของเบราว์เซอร์

ด้านล่างนี้เป็นตาราง 216 สีที่ปลอดภัยที่สุดและไม่ต้องใช้คอมพิวเตอร์มากที่สุด สีเหล่านี้ใน CSS มีตั้งแต่ 000000 ถึง FFFFFF รหัสเลขฐานสิบหก ปลอดภัยในการใช้งานเพราะช่วยให้คอมพิวเตอร์ทุกเครื่องแสดงสีได้อย่างถูกต้องเมื่อทำงานกับชุดสี 256 สี

ตารางสี "ปลอดภัย" ใน CSS
#000000	#000033	#000066	#000099	#0000ซีซี	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300ซีซี	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399ซีซี	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600ซีซี	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900ซีซี	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999ซีซี	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#ซีซี0000	#CC0033	#CC0066	#CC0099	#ซีซี00ซีซี	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#ซีซี6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#ซีซีซีซีซี	#CCCCFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#ซีซีเอฟซีซี	#CCFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF

รหัสไมน์คราฟต์ ดอกไม้หรือไมน์คราฟต์ รหัสการจัดรูปแบบอนุญาตให้ผู้เล่นเพิ่มดอกไม้และจัดรูปแบบข้อความในทุกวิถีทางที่เป็นไปได้โดยตรงใน Minecraft รหัสสีจาก &0-9 - ถึง &a-f เพิ่มไว้หน้าข้อความของคุณ ข้อความจากผู้เล่นสามารถมีรหัสสีที่ช่วยให้คุณสามารถเพิ่มสีสันให้กับประโยคของคุณได้

สีและรหัสการจัดรูปแบบ

เครื่องหมายแอมเพอร์แซนด์ (&) ตามด้วยเลขฐานสิบหกในข้อความจะส่งสัญญาณให้ลูกค้าเปลี่ยนสีเมื่อแสดงข้อความ นอกจากนี้ ข้อความยังสามารถจัดรูปแบบด้วยเครื่องหมาย & ตามด้วยตัวอักษรได้ คุณสามารถเพิ่มสีต่างๆ ให้กับหนังสือ บล็อกคำสั่ง ชื่อเซิร์ฟเวอร์ คำอธิบายเซิร์ฟเวอร์ (motd) ชื่อโลก สัญลักษณ์ และแม้แต่ชื่อผู้เล่นได้

เป็นเรื่องง่ายมากที่จะจัดรูปแบบข้อความของคุณในการกำหนดค่าหรือในเกมโดยใช้แผนภูมิสีด้านล่าง &r ใช้เพื่อรีเซ็ตรหัสทั้งหมด เช่น &mAAA&rBBB จะแสดงเป็น AAA BBB

เรานำเสนอตารางรหัสสีที่มีอยู่ใน Minecraft เพื่อความสะดวกของคุณ:

รหัส	ชื่อ	ชื่อทางเทคนิค	สีสัญลักษณ์				สีเงาสัญลักษณ์
			ร	ช	บี	ฐานสิบหก	ร	ช	บี	ฐานสิบหก
&0	สีดำ	สีดำ	0	0	0	000000	0	0	0	000000
&1	สีน้ำเงินเข้ม	น้ำเงินเข้ม	0	0	170	0000AA	0	0	42	00002A
&2	สีเขียวเข้ม	เขียวเข้ม	0	170	0	00AA00	0	42	0	002A00
&3	น้ำเงินเข้ม-เขียว	dark_aqua	0	170	170	00AAA	0	42	42	002A2A
&4	สีแดงเข้ม	เข้ม_แดง	170	0	0	AA0000	42	0	0	2A0000
&5	สีม่วงเข้ม	เข้ม_ม่วง	170	0	170	AA00AA	42	0	42	2A002A
&6	ทอง	ทอง	255	170	0	FFAA00	42	42	0	2A2A00
&7	สีเทา	สีเทา	170	170	170	อ๊าาา	42	42	42	2A2A2A
&8	สีเทาเข้ม	dark_gray	85	85	85	555555	21	21	21	151515
&9	สีฟ้า	สีฟ้า	85	85	255	5555FF	21	21	63	15153F
&ก	สีเขียว	สีเขียว	85	255	85	55FF55	21	63	21	153F15
&ข	สีฟ้า-เขียว	น้ำ	85	255	255	55FFFF	21	63	63	153F3F
&ค	สีแดง	สีแดง	255	85	85	FF5555	63	21	21	3F1515
&d	สีม่วงอ่อน	แสง_สีม่วง	255	85	255	FF55FF	63	21	63	3F153F
&e	สีเหลือง	สีเหลือง	255	255	85	FFFF55	63	63	21	3F3F15
&ฉ	สีขาว	สีขาว	255	255	255	FFFFFF	63	63	63	3F3F3F

บางครั้งก็จำเป็น ขีดเส้นใต้, ขีดฆ่า, ไฮไลท์ข้อความใดก็ได้- ทำได้โดยใช้การจัดรูปแบบข้อความ มันถูกใช้ในลักษณะเดียวกับสีทุกประการ (เราใส่ไว้หน้าข้อความ รหัสตัวอย่างเช่น &lMinecraft = ไมน์คราฟต์.

เพื่อความสะดวกของคุณ ด้านล่างนี้คือตารางรหัสการจัดรูปแบบ:

รหัส	ชื่อ
&เค	ข้อความวิเศษ
&ล	ข้อความตัวหนา
& ม	ข้อความขีดทับ
&n	ข้อความที่ขีดเส้นใต้
&โอ	ข้อความตัวเอียง
&ร	ข้อความที่ไม่มีการจัดรูปแบบ

วลาด เมอร์เซวิช

ใน HTML สีจะถูกระบุด้วยวิธีใดวิธีหนึ่งจากสองวิธี: การใช้รหัสฐานสิบหกและตามชื่อของสีบางสี วิธีการที่ใช้ระบบเลขฐานสิบหกส่วนใหญ่จะใช้เนื่องจากเป็นวิธีสากลที่สุด

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

HTML ใช้เลขฐานสิบหกเพื่อระบุสี ระบบเลขฐานสิบหกซึ่งแตกต่างจากระบบทศนิยมนั้นเป็นไปตามชื่อของมัน ตัวเลขจะเป็นดังนี้ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. ตัวเลขตั้งแต่ 10 ถึง 15 จะถูกแทนที่ด้วยตัวอักษรละติน ในตาราง 6.1 แสดงความสอดคล้องระหว่างเลขฐานสิบและเลขฐานสิบหก

ตัวเลขที่มากกว่า 15 ในระบบเลขฐานสิบหกจะถูกสร้างขึ้นโดยการรวมตัวเลขสองตัวให้เป็นหนึ่งเดียว (ตาราง 6.2) ตัวอย่างเช่น ตัวเลข 255 ในรูปทศนิยมจะสอดคล้องกับตัวเลข FF ที่เป็นเลขฐานสิบหก

เพื่อหลีกเลี่ยงความสับสนในการกำหนดระบบตัวเลข เลขฐานสิบหกจะต้องนำหน้าด้วยสัญลักษณ์แฮช # เช่น #aa69cc ในกรณีนี้ ไม่สำคัญ ดังนั้นจึงอนุญาตให้เขียน #F0F0F0 หรือ #f0f0f0

สีทั่วไปที่ใช้ใน HTML มีลักษณะเช่นนี้

ที่นี่สีพื้นหลังของหน้าเว็บถูกตั้งค่าเป็น #FA8E47 สัญลักษณ์แฮช # หน้าตัวเลขหมายความว่าเป็นเลขฐานสิบหก ตัวเลขสองหลักแรก (FA) กำหนดองค์ประกอบสีแดงของสี ตัวเลขที่สามถึงหลักสี่ (8E) กำหนดองค์ประกอบสีเขียว และตัวเลขสองหลักสุดท้าย (47) กำหนดองค์ประกอบสีน้ำเงิน ผลลัพธ์ที่ได้จะเป็นสีนี้

เอฟ.เอ.

+

8E

+

47

=

FA8E47

แต่ละสีในสามสี ได้แก่ แดง เขียว และน้ำเงิน สามารถรับค่าได้ตั้งแต่ 00 ถึง FF ส่งผลให้มีเฉดสีทั้งหมด 256 เฉด ดังนั้น จำนวนสีทั้งหมดสามารถเป็น 256x256x256 = 16,777,216 ชุดค่าผสม แบบจำลองสีที่ใช้ส่วนประกอบสีแดง เขียว และน้ำเงินเรียกว่า RGB (แดง เขียว น้ำเงิน) รุ่นนี้เป็นสารเติมแต่ง (จากเพิ่ม - เพิ่ม) ซึ่งการเพิ่มส่วนประกอบทั้งสามทำให้เกิดสีขาว

เพื่อให้ง่ายต่อการนำทางสีเลขฐานสิบหก ให้คำนึงถึงกฎบางประการ

• หากค่าของส่วนประกอบสีเท่ากัน (เช่น #D6D6D6) ผลลัพธ์จะเป็นโทนสีเทา ยิ่งตัวเลขสูง สีก็จะยิ่งจางลง โดยมีค่าตั้งแต่ #000000 (สีดำ) ถึง #FFFFFF (สีขาว)
• สีแดงสดจะเกิดขึ้นหากส่วนประกอบสีแดงถูกทำให้สูงสุด (FF) และส่วนประกอบที่เหลือถูกตั้งค่าเป็นศูนย์ สีที่มีค่า #FF0000 คือสีแดงที่เป็นไปได้มากที่สุด เช่นเดียวกับสีเขียว (#00FF00) และสีน้ำเงิน (#0000FF)
• สีเหลือง (#FFFF00) เกิดจากการผสมสีแดงและสีเขียว สิ่งนี้มองเห็นได้ชัดเจนบนวงล้อสี (รูปที่ 6.1) ซึ่งนำเสนอสีหลัก (แดง, เขียว, น้ำเงิน) และสีเสริมหรือสีเพิ่มเติม ซึ่งรวมถึงสีเหลือง สีฟ้า และสีม่วง (เรียกอีกอย่างว่าสีม่วงแดง) โดยทั่วไปแล้ว สามารถรับสีใดก็ได้โดยการผสมสีใกล้เคียงกัน ดังนั้น จะได้สีฟ้า (#00FFFF) โดยการรวมสีน้ำเงินและสีเขียวเข้าด้วยกัน

ข้าว. 6.1. วงล้อสี

ไม่จำเป็นต้องเลือกสีตามค่าฐานสิบหกตามเชิงประจักษ์ เพื่อจุดประสงค์นี้ โปรแกรมแก้ไขกราฟิกที่สามารถทำงานกับโมเดลสีต่างๆ เช่น Adobe Photoshop จึงเหมาะสม ในรูป รูปที่ 6.2 แสดงหน้าต่างสำหรับเลือกสีในโปรแกรมนี้ ค่าเลขฐานสิบหกที่ได้ของสีปัจจุบันจะแสดงเป็นเส้นกรอบ คุณสามารถคัดลอกและวางลงในโค้ดของคุณได้

ข้าว. 6.2. หน้าต่างสำหรับเลือกสีใน Photoshop

สีของเว็บ

หากคุณตั้งค่าคุณภาพการแสดงสีของจอภาพเป็น 8 บิต (256 สี) สีเดียวกันก็สามารถแสดงแตกต่างกันในเบราว์เซอร์ที่แตกต่างกันได้ นี่เป็นเพราะวิธีการแสดงกราฟิก เมื่อเบราว์เซอร์ทำงานกับจานสีของตัวเอง และไม่สามารถแสดงสีที่ไม่ได้อยู่ในจานสีได้ ในกรณีนี้สีจะถูกแทนที่ด้วยการรวมกันของพิกเซลของสีอื่น ๆ ที่อยู่ใกล้เคียงซึ่งเป็นสีที่เลียนแบบสีที่กำหนด เพื่อให้แน่ใจว่าสียังคงเหมือนเดิมในเบราว์เซอร์ต่างๆ จึงได้แนะนำชุดสีที่เรียกว่าสีเว็บ สีของเว็บคือสีที่แต่ละส่วนประกอบ - สีแดง สีเขียว และสีน้ำเงิน - ถูกตั้งค่าเป็นหนึ่งในหกค่า - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (เอฟเอฟ) ค่าเลขฐานสิบหกของส่วนประกอบนี้จะระบุอยู่ในวงเล็บ จำนวนสีทั้งหมดจากชุดค่าผสมที่เป็นไปได้ทั้งหมดคือ 6x6x6 - 216 สี สีเว็บตัวอย่างคือ #33FF66

คุณสมบัติหลักของสีเว็บคือปรากฏเหมือนกันในทุกเบราว์เซอร์ ในขณะนี้ ความเกี่ยวข้องของสีของเว็บมีน้อยมากเนื่องจากการปรับปรุงคุณภาพของจอภาพและการขยายขีดความสามารถ

สีตามชื่อ

เพื่อหลีกเลี่ยงการจำชุดตัวเลข คุณสามารถใช้ชื่อสีที่ใช้กันทั่วไปแทนได้ ในตาราง 6.3 แสดงชื่อชื่อสียอดนิยม

โต๊ะ 6.3. ชื่อสีบางสี

ชื่อสี	สี	คำอธิบาย	ค่าเลขฐานสิบหก
สีดำ		สีดำ	#000000
สีฟ้า		สีฟ้า	#0000FF
สีแดงม่วง		สีม่วงอ่อน	#FF00FF
สีเทา		สีเทาเข้ม	#808080
สีเขียว		สีเขียว	#008000
มะนาว		สีเขียวอ่อน	#00FF00
สีน้ำตาลแดง		สีแดงเข้ม	#800000
กองทัพเรือ		สีน้ำเงินเข้ม	#000080
มะกอก		มะกอก	#808000
สีม่วง		สีม่วงเข้ม	#800080
สีแดง		สีแดง	#FF0000
เงิน		สีเทาอ่อน	#C0C0C0
นกเป็ดน้ำ		สีฟ้า-เขียว	#008080
สีขาว		สีขาว	#FFFFFF
สีเหลือง		สีเหลือง	#FFFF00

ไม่สำคัญว่าคุณจะระบุสีตามชื่อหรือใช้เลขฐานสิบหก วิธีการเหล่านี้มีผลเท่าเทียมกัน ตัวอย่าง 6.1 แสดงวิธีการตั้งค่าสีพื้นหลังและข้อความของหน้าเว็บ

ตัวอย่างที่ 6.1 สีพื้นหลังและข้อความ

ข้อความตัวอย่าง

ในตัวอย่างนี้ สีพื้นหลังถูกกำหนดโดยใช้แอตทริบิวต์ bgcolor ของแท็ก และสีข้อความผ่านแอตทริบิวต์ข้อความ เพื่อความหลากหลาย แอตทริบิวต์ text จะถูกตั้งค่าเป็นเลขฐานสิบหก และแอตทริบิวต์ bgcolor จะถูกตั้งค่าเป็นคีย์เวิร์ดที่สงวนไว้ teal