RGB สีเหลืองอ่อน. กวดวิชา HTML สี RGB จานสีที่ปลอดภัย

รหัสไมน์คราฟต์ สีหรือไมน์คราฟต์ รหัสการจัดรูปแบบอนุญาตให้ผู้เล่นเพิ่มดอกไม้และจัดรูปแบบข้อความในทุกวิถีทางที่เป็นไปได้โดยตรงใน 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	ข้อความที่ขีดเส้นใต้
&โอ	ข้อความตัวเอียง
&ร	ข้อความที่ไม่มีการจัดรูปแบบ

เลขฐานสิบหกใช้เพื่อระบุสี ระบบเลขฐานสิบหกซึ่งแตกต่างจากระบบทศนิยมนั้นเป็นไปตามชื่อของมัน ตัวเลขจะเป็นดังนี้ 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 เลขฐานสิบหก

วิธีการอธิบายและการประมวลผลสีมีความแตกต่างกันในจุดประสงค์ในการนำเสนอขั้นสุดท้าย ให้เราเปรียบเทียบกัน เช่น การแสดงสีสำหรับการพิมพ์และจอคอมพิวเตอร์ ในกรณีแรกจะใช้พื้นฐาน สีขาวสีของกระดาษที่ใช้สีหลักสามสีในภายหลัง: สีฟ้า, สีม่วงและ สีเหลือง- เมื่อผสมกันและกับสีขาวของกระดาษในสัดส่วนที่ต่างกัน แม่สีทั้งสามสีนี้ให้เฉดสีที่แตกต่างกัน ยกเว้นสีดำบริสุทธิ์ หรือในกรณีที่ไม่มีสีเลยก็จะให้กระดาษสีขาว ถ้าเราเพิ่มสีดำลงไปเราก็จะได้ สีซีเอ็มวายเค-วิธีการส่งสัญญาณสีเมื่อได้สีที่ต้องการโดยการลบสีที่หายไปออกจากสีขาว

ในกรณีที่สองจะใช้พื้นฐาน สีดำสีของหน้าจอมอนิเตอร์ แต่ละเซลล์จะเรืองแสงเป็นสีใดสีหนึ่งจากสามสี: สีแดง-สีแดง, สีเขียว-สีเขียวและ สีฟ้า-สีฟ้า. จากนั้น ในกรณีที่ไม่มีแสงใดๆ เลย เราจะได้หน้าจอสีดำล้วน และสีที่ต้องการใดๆ จะได้รับตามอัตราส่วนของแต่ละสีในสามสี ในกรณีนี้เราจะได้รับ RGB-วิธีการถ่ายทอดสี สีหลักสามารถมีค่าได้ตั้งแต่ 0 ก่อน 255 หรือจาก 0% ก่อน 100% หรือสามารถแสดงเป็นค่าเลขฐานสิบหกได้ ในภาพด้านล่างคุณจะเห็นผลลัพธ์ของการผสมสีหลัก

ระบบเลขฐานสิบหกซึ่งแตกต่างจากระบบเลขฐานสิบไม่มีเลขสิบหลัก แต่มีสิบหก - ดังนั้นชื่อ ดังนั้นจึงมีเพียงชุดค่าผสมของตัวเลขสองหลักที่ไม่ซ้ำกันเท่านั้น - 256 เพื่อดำเนินการต่อชุดตัวเลขหลังจากนั้น 9 จดหมายจาก กก่อน เอฟดังนั้นซีรีส์ก็จะประมาณนี้-

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

หากต้องการแปลงตัวเลขจากระบบตัวเลขหนึ่งไปเป็นอีกระบบหนึ่งและในทางกลับกัน ให้ใช้เครื่องคิดเลขด้านล่าง ค่าสูงสุดที่นี่อาจเป็นได้ เอฟเอฟ - 255 .

ในกรณีนี้ สีจะถูกระบุด้วยเลขฐานสิบหกสามตัว ซึ่งแต่ละตัวประกอบด้วยตัวเลขสองหลัก ตัวเลขตัวแรกกำหนดความเข้ม สีแดงสี, ปานกลาง- สีเขียว, สิ่งสุดท้าย- สีฟ้าสี ตัวเลขทั้งหมดสามารถรับค่าในช่วงได้ตั้งแต่ 00 ก่อน เอฟเอฟ(ตั้งแต่ 0 ถึง 255) ตัวอย่างเช่น: ให้สีเขียวเป็น #00FF00, สีแดง - เหมือน #FF0000, สีฟ้า - เหมือน #0000FF, ขาวเหมือน #FFFFFFไม่มีสีหรือสีดำโดยสมบูรณ์ #000000 .

ในแบบฟอร์มด้านล่าง คุณสามารถระบุค่าเลขฐานสิบหกสำหรับแต่ละสีทั้งสามสี และดูผลลัพธ์ของการผสมสีเหล่านั้นได้โดยคลิกในช่องผลลัพธ์

สีแดง		สีเขียว		สีฟ้า
	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f
...คลิกที่นี่

ตัวอย่างของค่าสี RGB เลขฐานสิบหกบางค่า: การไล่เฉดสีแดง น้ำเงิน และเขียว

ดู	รหัส	ดู	รหัส	ดู	รหัส	ดู	รหัส	ดู	รหัส	ดู	รหัส
	#010000		#800000		#000100		#008000		#000001		#000080
	#100000		#900000		#001000		#009000		#000010		#000090
	#200000		#A00000		#002000		#00A000		#000020		#0000A0
	#300000		#B00000		#003000		#00B000		#000030		#0000B0
	#400000		#C00000		#004000		#00C000		#000040		#0000C0
	#500000		#D00000		#005000		#00D000		#000050		#0000D0
	#600000		#E00000		#006000		#00E000		#000060		#0000E0
	#700000		#FF0000		#007000		#00FF00		#000070		#0000FF

การระบุสีโดยใช้ตัวอักษรสตริง

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

ดู	ชื่อ	ดู	ชื่อ	ดู	ชื่อ	ดู	ชื่อ
	สีขาว		สีแดง		ส้ม		สีเหลือง
	สีเขียว		สีฟ้า		สีม่วง		สีดำ
	อลิซบลู		แอนทีคไวท์		อควา		อความารีน
	สีฟ้า		สีเบจ		บิสกิต		บล็องเชดัลมอนด์
	บลูไวโอเลต		สีน้ำตาล		เบอร์ลี่วูด		นักเรียนนายร้อยบลู
	ชาร์ต		ช็อคโกแลต		ปะการัง		ดอกไม้ชนิดหนึ่งสีฟ้า
	คอร์นซิลค์		สีแดงเข้ม		สีฟ้า		น้ำเงิน
	ดาร์กเซียน		ดาร์กโกลเด้นร็อด		เทาเข้ม		เขียวเข้ม
	สีกากีเข้ม		สีม่วงแดงเข้ม		ดาร์กโอลีฟกรีน		ส้มเข้ม
	ดาร์คคอร์คิด		ดำแดง		ดาร์กแซลมอน		ดาร์กซีกรีน
	ดาร์กสเลทบลู		Darkslategray		เทอร์ควอยซ์สีเข้ม		สีม่วงเข้ม
	ดีพพิงค์		ดีพสกายบลู		ดิมเกรย์		ดอดเจอร์บลู
	อิฐไฟ		ดอกไม้สีขาว		ฟอเรสต์กรีน		สีฟูเชีย
	เกนส์โบโร		โกสท์ไวท์		ทอง		โกลเดนร็อด
	สีเทา		กรีนเยลโล่		ฮันนี่ดิว		ฮอตพิงค์
	อินเดียแดง		คราม		งาช้าง		กากี
	ลาเวนเดอร์		ลาเวนเดอร์บลัชออน		เลมอนชิฟฟอน		ฟ้าอ่อน
	ไลท์คอรัล		ไลท์เซียน		Lightcoldenrodสีเหลือง		สีเขียวอ่อน
	แสงสีเทา		ชมพูอ่อน		ไลท์แซลมอน		ไลท์ซีกรีน
	ไลท์สกายบลู		ไลท์เลทเกรย์		ไลท์สตีลบลู		สีเหลืองอ่อน
	มะนาว		มะนาวเขียว		ผ้าลินิน		สีม่วงแดง
	สีน้ำตาลแดง		ปานกลางอะความารีน		ปานกลางบลู		กล้วยไม้ขนาดกลาง
	ม่วงกลาง		ปานกลางseagreen		ปานกลางslateblue		กลางสปริงสีเขียว
	ปานกลางเทอร์ควอยซ์		ปานกลางสีม่วงแดง		มิดไนท์บลู		มิ้นท์ครีม
	มิสไทโรส		นาวาโจไวท์		กองทัพเรือ		โอลด์เลซ
	มะกอก		โอลิเวรับ		สีส้มแดง		กล้วยไม้
	Palegoldenrod		สีเขียวอ่อน		จานสีเทอร์ควอยซ์		Palevioletred
	ปายวิป		พีชพัฟ		เปรู		สีชมพู
	พลัม		แป้งบลู		โรซี่บราวน์		รอยัลบลู
	สีน้ำตาลอาน		ทะเลเขียว		เปลือกหอย		เซียนน่า
	เงิน		ท้องฟ้าสีคราม		สเลทบลู		สเลทเกรย์
	หิมะ		สปริงกรีน		สตีลบลู		ตาล
	นกเป็ดน้ำ		ดอกธิสเซิล		มะเขือเทศ		เทอร์ควอยซ์
	สีม่วง		ข้าวสาลี		ควันขาว		เหลืองเขียว

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

การใช้จานสีที่ปลอดภัย

น่าเสียดายที่บนแพลตฟอร์มที่แตกต่างกัน ด้วยการตั้งค่าระบบที่แตกต่างกัน การสร้างสีที่ถูกต้องเป็นปัญหา ประเด็นก็คือเบราว์เซอร์พยายามปรับจานสีของเอกสารให้เข้ากับการตั้งค่าระบบและความสามารถในการตรวจสอบอยู่เสมอโดยการผสมสีและแทนที่อย่างอิสระ เป็นผลให้บางครั้งผู้ใช้ไม่เห็นสิ่งที่ผู้ดูแลเว็บต้องการแสดงให้เขาเห็นอย่างแน่นอน วิธีออกจากสถานการณ์นี้พบได้จากการใช้จานสี ซึ่งแต่ละสีรับประกันว่าจะแสดงผลอย่างเท่าเทียมกันโดยเบราว์เซอร์ทั้งหมดบนแพลตฟอร์มที่แตกต่างกัน นี่คือสิ่งที่เรียกว่า รับประกันจานสีเรียกอีกอย่างว่า ปลอดภัยจานสี จานสีนี้ประกอบด้วยสีที่ส่วนประกอบสีใช้ค่าต่อไปนี้: 00 ,33 ,66 ,99 , ซีซี,เอฟเอฟในทุกวิถีทางที่เป็นไปได้ 216 การรวมกันของพวกเขา

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

ดู	รหัส	ดู	รหัส	ดู	รหัส	ดู	รหัส	ดู	รหัส	ดู	รหัส

ใน HTML สามารถระบุสีได้สามวิธี:

การตั้งค่าสีใน HTML ตามชื่อของมัน

สีบางสีสามารถระบุได้ด้วยชื่อ โดยใช้ชื่อสีในภาษาอังกฤษเป็นค่า คำสำคัญที่พบบ่อยที่สุด: ดำ, ขาว, แดง, เขียว, น้ำเงิน ฯลฯ:

สีข้อความ – สีแดง

สียอดนิยมของมาตรฐาน World Wide Web Consortium (W3C):

สี	ชื่อ	สี	ชื่อ	สี	ชื่อ	สี	ชื่อ
	สีดำ		สีเทา		เงิน		สีขาว
	สีเหลือง		มะนาว		อควา		บานเย็น
	สีแดง		สีเขียว		สีฟ้า		สีม่วง
	สีน้ำตาลแดง		มะกอก		กองทัพเรือ		นกเป็ดน้ำ

ตัวอย่างการใช้ชื่อสีต่างๆ:

ตัวอย่าง: การระบุสีตามชื่อ

• ลองด้วยตัวเอง"

เฮดเดอร์บนพื้นหลังสีแดง

ส่วนหัวบนพื้นหลังสีส้ม

มุ่งหน้าสู่พื้นหลังมะนาว

ข้อความสีขาวบนพื้นหลังสีน้ำเงิน

เฮดเดอร์บนพื้นหลังสีแดง

ส่วนหัวบนพื้นหลังสีส้ม

มุ่งหน้าสู่พื้นหลังมะนาว

ข้อความสีขาวบนพื้นหลังสีน้ำเงิน

การระบุสีโดยใช้ RGB

เมื่อแสดงสีต่างๆ บนจอภาพ ระบบจะใช้จานสี RGB เป็นพื้นฐาน สีใดก็ได้โดยการผสมสีพื้นฐานสามสี: ร - แดง, G - สีเขียว, บี - น้ำเงิน- ความสว่างของแต่ละสีกำหนดไว้หนึ่งไบต์ดังนั้นจึงสามารถรับค่าได้ตั้งแต่ 0 ถึง 255 ตัวอย่างเช่น RGB (255,0,0) จะแสดงเป็นสีแดงเนื่องจากสีแดงถูกกำหนดไว้ที่ค่าสูงสุด (255) และ ส่วนที่เหลือตั้งค่าเป็น 0 คุณยังสามารถตั้งค่าสีเป็นเปอร์เซ็นต์ได้ พารามิเตอร์แต่ละตัวระบุระดับความสว่างของสีที่เกี่ยวข้อง ตัวอย่างเช่น: ค่า rgb(127, 255, 127) และ rgb(50%, 100%, 50%) จะตั้งค่าสีเขียวกลางเดียวกัน:

ตัวอย่าง: การระบุสีโดยใช้ RGB

• ลองด้วยตัวเอง"

RGB(127, 255, 127)

RGB(50%, 100%, 50%)

RGB(127, 255, 127)

RGB(50%, 100%, 50%)

ตั้งค่าสีตามค่าเลขฐานสิบหก

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

ตัวอย่าง: สี HEX

• ลองด้วยตัวเอง"

สีแดง: #FF0000

สีเขียว: #00FF00

สีน้ำเงิน: #0000FF

สีแดง: #FF0000

สีเขียว: #00FF00

สีน้ำเงิน: #0000FF

แดง+เขียว=เหลือง: #FFFF00

แดง+น้ำเงิน=ม่วง: #FF00FF

เขียว+น้ำเงิน=ฟ้า: #00FFFF

รายการสีที่ใช้กันทั่วไป (ชื่อ, HEX และ RGB):

ชื่อภาษาอังกฤษ	ชื่อรัสเซีย	ตัวอย่าง	ฐานสิบหก	RGB
ดอกบานไม่รู้โรย	ดอกบานไม่รู้โรย		#E52B50	229	43	80
อำพัน	อำพัน		#FFBF00	255	191	0
อควา	ฟ้าเขียว		#00FFFF	0	255	255
สีฟ้า	สีฟ้า		#007FFF	0	127	255
สีดำ	สีดำ		#000000	0	0	0
สีฟ้า	สีฟ้า		#0000FF	0	0	255
บอนได บลู	น้ำที่หาดบอนได		#0095B6	0	149	182
ทองเหลือง	ทองเหลือง		#B5A642	181	166	66
สีน้ำตาล	สีน้ำตาล		#964B00	150	75	0
ซีรูเลียน	สีฟ้า		#007BA7	0	123	167
ฤดูใบไม้ผลิสีเขียวเข้ม	ฤดูใบไม้ผลิสีเขียวเข้ม		#177245	23	114	69
มรกต	มรกต		#50C878	80	200	120
มะเขือ	มะเขือ		#990066	153	0	102
บานเย็น	บานเย็น		#FF00FF	255	0	255
ทอง	ทอง		#FFD700	250	215	0
สีเทา	สีเทา		#808080	128	128	128
สีเขียว	สีเขียว		#00FF00	0	255	0
คราม	คราม		#4B0082	75	0	130
หยก	หยก		#00A86B	0	168	107
มะนาว	มะนาว		#CCFF00	204	255	0
มาลาไคต์	มาลาไคต์		#0BDA51	11	218	81
กองทัพเรือ	น้ำเงิน		#000080	0	0	128
ดินเหลืองใช้ทำสี	ดินเหลืองใช้ทำสี		#CC7722	204	119	34
มะกอก	มะกอก		#808000	128	128	0
ส้ม	ส้ม		#FFA500	255	165	0
ลูกพีช	ลูกพีช		#FFE5B4	255	229	180
ฟักทอง	ฟักทอง		#FF7518	255	117	24
สีม่วง	สีม่วง		#800080	128	0	128
สีแดง	สีแดง		#FF0000	255	0	0
สีเหลือง	สีเหลือง		#F4C430	244	196	48
ทะเลเขียว	ทะเลสีเขียว		#2E8B57	46	139	87
หนองน้ำสีเขียว	โบโลตนี่		#ACB78E	172	183	142
นกเป็ดน้ำ	ฟ้าเขียว		#008080	0	128	128
อุลตรามารีน	อุลตรามารีน		#120A8F	18	10	143
สีม่วง	สีม่วง		#8B00FF	139	0	255
สีเหลือง	สีเหลือง		#FFFF00	255	255	0

รหัสสี (พื้นหลัง) ด้วยความอิ่มตัวและเฉดสี

รหัสสีใน 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	#CCFFCC	#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