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

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

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

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

สี HTML
สี HTML และวิธีการระบุ

ใน HTML มีสองวิธีในการระบุสี:

1. การใช้ชื่อสี
2. การใช้ระบบ RGB โดยระบุสีในรูปแบบเลขฐานสิบหก

ชื่อสี

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

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

1. คุณสมบัติ color="color_name" - สีข้อความ
2. คุณสมบัติ bgcolor="color_name" - สีพื้นหลัง

ตัวอย่างการใช้แอตทริบิวต์สี:
color="red" - กำหนดสีแดงให้กับข้อความ
bgcolor="green" - กำหนดสีเขียวให้กับพื้นหลัง

ตารางชื่อสี HTML พื้นฐาน:

ระบบเลขฐานสิบหก

ในชีวิตประจำวันเราใช้ระบบเลขทศนิยมตั้งแต่ 0 ถึง 9 โปรแกรมเมอร์และนักออกแบบมักใช้ระบบเลขฐานสิบหกตั้งแต่ 0 ถึง 15 โดยที่:

10 = อ
11 = บ
12 = ค
13 = ด
14 = อ
15 = ฟ

เกือบทุกสีและเฉดสีที่การมองเห็นของเราสามารถเขียนได้ในระบบเลขฐานสิบหก เช่น สีแดงในระบบเลขฐานสิบหกจะเท่ากับ ff0000

color="red" - สีแดงตามชื่อ
color="#ff0000" — สีแดง ในระบบเลขฐานสิบหก

ใน HTML เลขฐานสิบหกจะนำหน้าด้วยเครื่องหมายแฮช # ในค่าแอตทริบิวต์

RGB

ก่อนที่คุณจะเริ่มระบุสีใน HTML โดยใช้ระบบเลขฐานสิบหก คุณต้องเรียนรู้เกี่ยวกับ R G B ก่อน

RGBเป็นตัวย่อของคำว่า R ed G reen B lue (แดง เขียว น้ำเงิน)

สีในรูปแบบ HTML เขียนเป็นเลขฐานสิบหก ประกอบด้วยบล็อกตัวเลข 00 00 00 สามบล็อก โดยแต่ละบล็อกรับผิดชอบสี RGB สีใดสีหนึ่ง บล็อกแรกสำหรับสีแดง บล็อกที่สองสำหรับสีเขียว และบล็อกที่สามสำหรับสีน้ำเงิน ตัวเลขสามารถอยู่ในช่วงตั้งแต่ 00 ถึง ff

โดยที่ ff คือ 255 ในรูปแบบทศนิยม

รูปแบบ RGB:
สีแดง - ตั้งแต่ 00 ถึง ff
สีเขียว - ตั้งแต่ 00 ถึง ff
สีน้ำเงิน - ตั้งแต่ 00 ถึง ff

ผลลัพธ์ที่ได้คือตัวเลขหกหลัก 000000 โดยตัวเลขสองตัวแรกรับผิดชอบสีแดง ตัวเลขสองตัวหลังรับผิดชอบสีเขียว และตัวเลขสองตัวที่สามรับผิดชอบสีฟ้า

หากเราต้องการได้สีแดง เราก็เขียนว่า ff0000 สีเขียว 00ff00 สีน้ำเงิน 0000ff ตัวอย่างเช่น หากเราต้องการได้สีแดงเข้ม เราจะต้องลดบล็อกตัวเลขแรกลง และแทนที่จะลด ff (ซึ่งเท่ากับ 255 ในระบบเลขฐานสิบ)เขียนตัวอย่าง 96 (ซึ่งเท่ากับ 150 ในรูปแบบทศนิยม).

เพื่อความชัดเจน เราจะยกตัวอย่างสีและรหัสฐานสิบหก:

การผสมสีใน HTML

หากคุณไม่พลาดชั้นเรียนวาดภาพที่โรงเรียน คุณคงจำได้ว่าการผสมสีแดงและสีเขียวเท่าๆ กันจะทำให้คุณได้สีเหลือง
เมื่อคุณเพิ่มสีเขียวเล็กน้อยเป็นสีแดง คุณจะได้สีส้ม ฯลฯ

นอกจากนี้ยังสามารถผสมสีเลขฐานสิบหกและ RGB ได้:

เมื่อทดลองใช้ระบบเลขฐานสิบหกและ RGB คุณจะเข้าใจและสามารถเลือกสีที่ต้องการได้ในที่สุด

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

โดยชื่อ

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

การใช้ RGB

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

RGBA

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

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

HSL

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

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

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

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

HSLA

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

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

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

คำเตือน

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

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

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

ใน 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 เลขฐานสิบหก

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

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

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

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

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

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

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

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

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

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