HEX เป็น RGBA

เปรียบเทียบ HEX กับ RGBA

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

RGBA เป็น RGB เวอร์ชันขยาย แต่มีการสนับสนุนเพิ่มเติมสำหรับช่องอัลฟาซึ่งรับผิดชอบต่อความโปร่งใสของการเติมสี สำหรับแบบจำลองสีนี้จะมีการระบุค่าสัมประสิทธิ์สี่ค่าไว้แล้วซึ่งค่าสุดท้ายคือจำนวนเศษส่วนในช่วงตั้งแต่ 0 โดยที่ 0 คือความโปร่งใสเต็มที่ถึง 1 ซึ่งจะสอดคล้องกับสีทึบ ระบบ RGBA จะเพิ่มตัวเลขอื่นที่อธิบายถึงความโปร่งใสของสีค่าสามารถอยู่ในช่วงตั้งแต่ 0 (โปร่งใสทั้งหมด) ถึง 1 (ทึบทั้งหมด) ค่า 0.5 ทำให้สีเป็นสีกึ่งโปร่งใสให้พิจารณาเป็นสีม่วงเข้มแบบกึ่งโปร่งใสซึ่งระบุโดยใช้ระบบ RGBA: color: rgba (204, 51, 255, 0.5) คุณจะเห็นว่าค่าของสีแดงสีเขียวและสีน้ำเงินนั้นคล้ายกับระบบ RGB ตัวเลขที่สี่ - 0.5 คือระดับความโปร่งใส สี RGBA มีประโยชน์ในการสร้างองค์ประกอบโปร่งแสงที่ทำให้มองเห็นองค์ประกอบด้านล่างได้