แปลง HEX เป็น RGBA

RGBA คือ RGB ที่มีองค์ประกอบที่สี่ คืออัลฟา ซึ่งกำหนดความทึบแสงตั้งแต่ 0 (โปร่งใสทั้งหมด) ถึง 1 (ทึบทั้งหมด) รหัส HEX หกหลักแบบมาตรฐาน เช่น #6A5ACD ไม่มีข้อมูลความโปร่งใส ตัวแปลงจึงแสดงผลเป็น rgba(106, 90, 205, 1) ซึ่งเป็นสีเดียวกันที่ความทึบเต็มที่

หากต้องการให้โปร่งแสง ให้เปลี่ยนตัวเลขสุดท้าย rgba(106, 90, 205, 0.5) จะโปร่งใสครึ่งหนึ่ง และ 0.15 จะได้สีจาง ๆ นี่คือวิธีทั่วไปในการสร้างเลเยอร์ทับบนรูปภาพ เงาบาง ๆ ไฮไลต์ตอนวางเมาส์ และพื้นหลังโปร่งแสง โดยไม่ต้องกำหนดสีอ่อนแยกต่างหาก ต่างจากพร็อพเพอร์ตี opacity ตรงที่อัลฟาใน rgba() มีผลกับสีนั้นสีเดียว ข้อความในกล่องโปร่งแสงจึงยังคมชัด

CSS สมัยใหม่รองรับรหัส HEX แปดหลักที่มีอัลฟาด้วย เช่น #6A5ACD80 แต่ rgba() อ่านและแก้ไขง่ายกว่า และยังใช้ได้ในเบราว์เซอร์และโปรแกรมอีเมลรุ่นเก่า