เครื่องคำนวณความทึบแสงของ Hex
แปลงเปอร์เซ็นต์ความทึบแสงเป็นค่าอัลฟา hex 2 หลักสำหรับใช้ในสี CSS hex แบบ 8 หลัก (#rrggbbaa)
เครื่องมือนี้ตอบคำถามของคุณหรือไม่
ขอบคุณ — ความเห็นนี้ช่วยให้เราปรับปรุงเครื่องมือ
วิธีใช้เครื่องมือนี้
- ตั้งเปอร์เซ็นต์ความทึบแสง (0–100)
- กรอกสี hex ตั้งต้น 6 หลัก
- คัดลอก hex 8 หลัก (เช่น #3a86ffcc) ไปใช้ใน CSS
CSS สมัยใหม่รองรับสี hex แบบ 8 หลัก (#rrggbbaa) โดยสองหลักสุดท้ายแทนช่องสัญญาณอัลฟา เครื่องมือนี้แปลงเปอร์เซ็นต์ความทึบแสงเป็นไบต์ hex นั้น
สูตร
The 8-bit alpha value for an opacity percentage p is:
alpha = round(p / 100 × 255)
The two-digit hex alpha byte is the zero-padded hexadecimal representation of that integer. The full 8-digit CSS hex color is:
#RRGGBB + alpha_hex
For example, 50% opacity → round(0.50 × 255) = 128 → hex 80 → #rrggbb80.
คำถามที่พบบ่อย
- สี hex แบบ 8 หลักคืออะไร?
- #rrggbbaa โดย aa คือช่องสัญญาณอัลฟา: 00 = โปร่งใสเต็มที่, ff = ทึบแสงเต็มที่ รองรับใน CSS Color Level 4
- 50% เท่ากับ 0x80 พอดีหรือไม่?
- 50% × 255 = 127.5 ซึ่งปัดเป็น 128 = 0x80 ความแตกต่างทางสายตาจาก 127 นั้นแทบสังเกตไม่ได้