แฟชั่น 

สี 999999 html กำหนดสีในรูปแบบต่างๆ ได้หลายวิธี: ตามค่าฐานสิบหก ตามชื่อ ในรูปแบบ RGB, RGBA, HSL, HSLA

>>การจัดการสี

ค่าสี RGB ฐานสิบหก

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

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

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

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
ในการแปลงตัวเลขจากระบบตัวเลขหนึ่งเป็นอีกระบบหนึ่งและในทางกลับกัน ให้ใช้เครื่องคิดเลขด้านล่าง ค่าสูงสุดที่นี่สามารถเป็น FF - 255 .

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

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

สีแดงเขียวสีน้ำเงิน
0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 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 #C000000 #004000 #00C000 #000040 #0000C0
#500000 #D00000 #005000 #00D000 #000050 #0000D0
#600000 #E000000 #006000 #00E000 #000060 #0000E0
#700000 #FF0000 #007000 #00FF00 #000070 #0000FF

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

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

ดู ชื่อ ดู ชื่อ ดู ชื่อ ดู ชื่อ
สีขาว สีแดง ส้ม สีเหลือง
สีเขียว สีน้ำเงิน สีม่วง สีดำ
อลิซ บลู สีขาวโบราณ อควา พลอยสีฟ้า
Azure สีเบจ บิสกิต บลานเชดัลมอนด์
บลูไวโอเล็ต สีน้ำตาล เบอร์ลีวูด Cadetblue
Chartreuse ช็อคโกแลต ปะการัง คอร์นฟลาวเวอร์บลู
คอร์นซิลค์ สีแดงเข้ม สีฟ้า น้ำเงิน
Darkcyan darkgoldenrod สีเทาเข้ม เขียวเข้ม
Darkkhaki Darkmagenta Darkolivegreen darkorange
Darkorchid ดำแดง แซลมอนดำ Darkseagreen
สีน้ำเงินเข้ม สีเทาเข้ม darkturquoise Darkviolet
Deeppink สีน้ำเงินเข้ม ดิมเกรย์ ดอดเจอร์บลู
อิฐไฟ สีขาวลายดอกไม้ ป่าสีเขียว ฟูเชีย
เกนส์โบโร ผีขาว ทอง โกลเด้นร็อด
สีเทา เขียวเหลือง น้ำผึ้ง hotpink
อินเดียน เรด คราม งาช้าง กากี
ลาเวนเดอร์ ลาเวนเดอร์บลัช เลมอนชิฟฟ่อน ฟ้าอ่อน
ปะการังอ่อน lightcyan lightcoldenrodyellow สีเขียวอ่อน
แสงสีเทา ชมพูอ่อน แซลมอนเบา เขียวอ่อน
ฟ้าใส สีเทาไลท์สเลท ฟ้าเหล็กอ่อน สีเหลืองอ่อน
มะนาว เขียวมะนาว ผ้าลินิน สีม่วงแดง
สีน้ำตาลแดง ปานกลางaquamarine ฟ้ากลาง กล้วยไม้ขนาดกลาง
สีม่วงกลาง กลางทะเลสีเขียว มีเดียมสเลทบลู มีเดียมสปริงกรีน
เทอร์ควอยซ์ปานกลาง มีเดียมไวโอเล็ตสีแดง มิดไนท์บลู มิ้นท์ครีม
มิสทีโรส นาวาโจไวท์ กองทัพเรือ oldlace
มะกอก Olivedrab สีส้มแดง กล้วยไม้
Palegoldenrod สีเขียวอ่อน สีซีด สีซีด
มะละกอ พีชพัฟ เปรู สีชมพู
พลัม ผงสีฟ้า โรซี่บราวน์ รอยัลบลู
สีน้ำตาลอานม้า ทะเลเขียว เปลือกหอย เซียนน่า
เงิน ท้องฟ้าสีคราม กระดานชนวนสีฟ้า กระดานชนวน
หิมะ สปริงกรีน เหล็กสีน้ำเงิน ตาล
นกเป็ดน้ำ ดอกธิสเซิล มะเขือเทศ เทอร์ควอยซ์
สีม่วง ข้าวสาลี ควันขาว เหลืองเขียว
รายการอักษรตัวพิมพ์เล็กที่มีชื่อสีค่อนข้างกว้างขวางและมากเกินพอ หากคุณต้องการตั้งค่าสีพื้นหลังให้ผิดปกติจนไม่มีชื่อ คุณสามารถใช้ค่าเลขฐานสิบหกได้

การใช้เครื่องมือเลือกสีที่ปลอดภัย

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

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 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 CCFFCC 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 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000FF 0000CC 0033CC 000033 3333FF 3300FF 3300CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 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 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
ดู รหัส ดู รหัส ดู รหัส ดู รหัส ดู รหัส ดู รหัส

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

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

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

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

สีที่ได้รับความนิยมมากที่สุดของมาตรฐาน World Wide Web Consortium (W3C) ได้แก่:

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

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

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

  • ลองเอง"

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

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

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

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

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

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

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

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

การระบุสีด้วย RGB

เมื่อแสดงสีต่างๆ บนจอภาพ จะใช้จานสี RGB เป็นพื้นฐาน สีใดก็ได้จากการผสมสามสีหลัก: R - สีแดง, G - เขียว (เขียว), B - น้ำเงิน (น้ำเงิน). ความสว่างของแต่ละสีถูกกำหนดโดยหนึ่งไบต์ ดังนั้นจึงสามารถรับค่าได้ตั้งแต่ 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%)

กำหนดสีตามค่าฐานสิบหก

ค่านิยม R จี บียังสามารถระบุได้โดยใช้ค่าสีฐานสิบหก (HEX) ในรูปแบบ: #RRGGBB โดยที่ RR (สีแดง), GG (สีเขียว) และ BB (สีน้ำเงิน) เป็นค่าเลขฐานสิบหกจาก 00 ถึง FF (เหมือนกับเลขฐานสิบหก 0- 255) . ระบบเลขฐานสิบหกซึ่งแตกต่างจากระบบทศนิยมนั้นใช้ตัวเลข 16 ตามชื่อ ระบบเลขฐานสิบหกใช้อักขระต่อไปนี้: 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):

ชื่อภาษาอังกฤษ ชื่อรัสเซีย ตัวอย่าง HEX RGB
ดอกบานไม่รู้โรย ดอกบานไม่รู้โรย #E52B50 229 43 80
อำพัน อำพัน #FFBF00 255 191 0
อควา ฟ้าเขียว #00FFFF 0 255 255
Azure Azure #007FFF 0 127 255
สีดำ สีดำ #000000 0 0 0
สีน้ำเงิน สีน้ำเงิน #0000FF 0 0 255
บอนไดบลู น้ำหาดบอนได #0095B6 0 149 182
ทองเหลือง ทองเหลือง #B5A642 181 166 66
สีน้ำตาล สีน้ำตาล #964B00 150 75 0
ซีเรียล Azure #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
Ocher Ocher #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
บึงสีเขียว Bolotny #ACB78E 172 183 142
นกเป็ดน้ำ ฟ้าเขียว #008080 0 128 128
อุลตรามารีน อุลตรามารีน #120A8F 18 10 143
สีม่วง สีม่วง #8B00FF 139 0 255
สีเหลือง สีเหลือง #FFFF00 255 255 0

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

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

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

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

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

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

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

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

ดังที่ได้กล่าวไว้ก่อนหน้านี้ สี 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

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

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


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

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

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


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

ดีไม่ดี

Vlad Merzhevich

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

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

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

FA + 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 (ซีซี), 255 (FF). ค่าเลขฐานสิบหกของส่วนประกอบนี้ระบุไว้ในวงเล็บ ทั้งหมดสีจากชุดค่าผสมที่เป็นไปได้ทั้งหมดให้สี 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 ของ tag และสีของข้อความผ่านแอตทริบิวต์ข้อความ สำหรับความหลากหลาย ค่าของแอตทริบิวต์ข้อความถูกกำหนดเป็นเลขฐานสิบหก และ bgcolor ถูกตั้งค่าเป็นค่าที่สงวนไว้ คำสำคัญนกเป็ดน้ำ

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

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

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

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

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

รหัสชื่อชื่อเทคนิคสีสัญลักษณ์สัญลักษณ์เงาสี
RจีบีเลขฐานสิบหกRจีบีเลขฐานสิบหก
&0 สีดำสีดำ0 0 0 000000 0 0 0 000000
&1 สีกรมท่าน้ำเงิน0 0 170 0000AA0 0 42 00002A
&2 เขียวเข้มเขียวเข้ม0 170 0 00AA000 42 0 002A00
&3 น้ำเงิน-เขียวdark_aqua0 170 170 00AAAA0 42 42 002A2A
&4 ดำแดงดำแดง170 0 0 AA000042 0 0 2A0000
&5 สีม่วงเข้มสีม่วงเข้ม170 0 170 AA00AA42 0 42 2A002A
&6 ทองทอง255 170 0 FFAA0042 42 0 2A2A00
&7 สีเทาสีเทา170 170 170 AAAAAA42 42 42 2A2A2A
&8 เทาเข้มสีเทาเข้ม85 85 85 555555 21 21 21 151515
&9 สีน้ำเงินสีน้ำเงิน85 85 255 5555FF21 21 63 15153F
&aสีเขียวเขียว85 255 85 55FF5521 63 21 153F15
&bฟ้าเขียวaqua85 255 255 55FFFF21 63 63 153F3F
&คสีแดงสีแดง255 85 85 FF555563 21 21 3F1515
&dสีม่วงอ่อนlight_purple255 85 255 FF55FF63 21 63 3F153F
&เสีเหลืองสีเหลือง255 255 85 FFFF5563 63 21 3F3F15
&fสีขาวสีขาว255 255 255 FFFFFF63 63 63 3F3F3F

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

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

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

รายงานการพิมพ์ผิด

ข้อความที่จะส่งถึงบรรณาธิการของเรา:

ส่ง