ลองแก้ไขตัวอย่างนี้และระบุค่าของคุณเอง เช่น rgb(100, 100, 100)

การตั้งค่าสีโดยใช้ RGBA

CSS3 มีเครื่องมือใหม่สำหรับการทำงานกับสี - รูปแบบ RGBA เรียกได้ว่าเป็นวิวัฒนาการของโมเดล RGB แต่ด้วยการเพิ่มแชนเนลใหม่หนึ่งแชนเนล - A หรือ alpha channel ช่องนี้ตั้งค่าความโปร่งใสของสี ค่าของมันถูกตั้งค่าในช่วงตั้งแต่ 0 ถึง 1 ค่า 0 สอดคล้องกับความโปร่งใสแบบเต็ม 1 - ความทึบเต็ม (สีจะเหมือนกับที่ระบุไว้ในสามช่อง RGB แรก) และค่ากลาง ​เช่น 0.4 หรือ 0.6 - ความโปร่งแสงถึงองศาที่แตกต่างกัน

รหัสตัวอย่าง

ต่อไปนี้เป็นวิธีการทำงาน:

โค้ดนี้มีลักษณะคล้ายกับโค้ดต่อไปนี้ ซึ่งใช้โมเดล RGB เพื่อระบุค่าสี:

นี่คือผลลัพธ์ของเขา:

ค่าช่องอัลฟ่าเท่ากับศูนย์ทำให้สีใดๆ มองไม่เห็น - โปร่งใสอย่างแน่นอน ค่าเท่ากับ 1 แปลสีในโค้ด RGB โดยไม่มีการเปลี่ยนแปลง คุณสมบัติ rgba(255,0,0,1.0) แสดงสีแดง rgb(255, 0, 0)

ตามค่าเลขฐานสิบหก (รหัส HEX)

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

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

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

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

หากต้องการระบุสีเป็นเลขฐานสิบหก ให้ใส่เครื่องหมาย “#” นำหน้าค่าตัวเลข เช่น #FFC0CB ค่า #FFC0CB ประกอบด้วยเลขฐานสิบหกสามหลัก FF, C0 และ CB ความหมายของรายการนี้เหมือนกับการตั้งค่าสีในรูปแบบ RGB (rgb(r, g, b)) - เลขฐานสิบหกแต่ละหลักในรหัส HEX ระบุความอิ่มตัวของสีในช่องของโมเดล RGB

รหัสนี้จะแสดงองค์ประกอบต่อไปนี้:

และนี่คือรูปภาพจากส่วน "การตั้งค่าสีโดยใช้ RGB" ในหน้านี้ด้านบน

เราจะเห็นว่าสีเหมือนกัน

อนุญาตให้ใช้สัญลักษณ์ย่อของรหัสสี HEX: ตัวเลข 6 หลักสามารถเขียนเป็นตัวเลข 3 หลักได้ สิ่งนี้ใช้ได้เฉพาะเมื่อมีการทำซ้ำตัวเลขสองหลักในค่าสีของหนึ่งช่อง

นั่นคือตัวย่อต่อไปนี้เป็นที่ยอมรับ:

ตัวอย่างเช่น สี #ff22aa สามารถเขียนเป็น #f2a หรือสี #44aa22 สามารถเขียนเป็น #4a2 ได้

การตั้งค่าสีโดยใช้ HSL

CSS3 มีรูปแบบใหม่สำหรับการระบุสี

รูปแบบ HSL เป็นตัวย่อของคำภาษาอังกฤษ: Hue (hue), Saturate (ความอิ่มตัว) และ Lightness (ความสว่าง)

เฉดสีใน HSL คือค่าของสีบนวงล้อสีพิเศษ (รูปที่ 2) และระบุเป็นองศา หากเราวาดการเปรียบเทียบกับโมเดล RGB แล้ว 0° จะตรงกับสีแดง 120° จะตรงกับสีเขียว และ 240° จะตรงกับสีน้ำเงิน

ค่าสีจะเปลี่ยนจาก 0 เป็น 359

ค่าที่สอง - ความอิ่มตัว (Saturate) ตั้งเป็นเปอร์เซ็นต์ เมื่อความอิ่มตัวของสี 100% สีจะ “ชุ่มฉ่ำ” มากที่สุด เมื่อตัวบ่งชี้ความอิ่มตัวเคลื่อนไปทาง 0% สีจะมัวลงและจางลงเป็นสีเทา

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

การตั้งค่าสีโดยใช้ HSLA

รูปแบบ HSLA เกี่ยวข้องกับ HSL เช่นเดียวกับ RGB ที่เกี่ยวข้องกับ RGBA ในรูปแบบ HSLA เช่นเดียวกับใน RGBA จะมีการเพิ่มช่องอัลฟ่าซึ่งมีหน้าที่รับผิดชอบในเรื่องความโปร่งใสของสี

สีที่ระบุในรูปแบบ HSL จะอ่านง่ายกว่า เราสามารถพูดได้ว่ามันเป็นสัญชาตญาณ ตัวอย่างเช่น รหัส hsl(120,60%,50%) สามารถใช้แทนสีสุดท้ายได้หากมีรูปภาพของวงล้อสี HSL ในหน่วยความจำ สิ่งเดียวกันนี้ไม่สามารถพูดได้เกี่ยวกับรูปแบบ RGB และ HEX รหัสสีที่ระบุในรูปแบบเหล่านี้จะชัดเจนหลังจากแสดงภาพบนจอภาพเท่านั้น

รูปแบบใหม่ใน CSS3 (HSL, HSLA และ RGBA) ใช้งานได้กับเบราว์เซอร์ที่เริ่มต้นจากเวอร์ชัน: IE 9.0, Opera 10.0 Firefox 3.0 ฉันจะทำให้สไตล์ทำงานบนเบราว์เซอร์รุ่นเก่าได้อย่างไร

Somebloсk ( สีพื้นหลัง: rgb(255,50,50); สีพื้นหลัง: rgba(255,50,50,0.85) )

เมื่อใช้โค้ดนี้ในเบราว์เซอร์รุ่นเก่า สีพื้นหลังของคลาส .somebloсk แม้ว่าจะไม่ใช้ช่องอัลฟ่า แต่จะแสดงในรูปแบบ RGB

ใน 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):

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

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

ใน 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) กำหนดองค์ประกอบสีน้ำเงิน ผลลัพธ์ที่ได้จะเป็นสีนี้

แต่ละสีในสามสี ได้แก่ แดง เขียว และน้ำเงิน สามารถรับค่าได้ตั้งแต่ 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.1 แสดงวิธีการตั้งค่าสีพื้นหลังและข้อความของหน้าเว็บ

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

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

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

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

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

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

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

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

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

ตามที่กล่าวไว้ข้างต้น สี 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 สีเบจมีการแสดงตัวเลขดังต่อไปนี้