AbraCalc

Công cụ Tính Độ mờ Hex

Chuyển đổi phần trăm độ mờ sang hậu tố alpha hex 2 chữ số để dùng trong màu hex CSS 8 chữ số (#rrggbbaa).

Bởi · Kiểm tra bởi AbraCalc Methodology Review · 2 nguồn

Nhúng công cụ này vào trang của bạn
Trích dẫn công cụ này

APA

AbraCalc. (2026). Công cụ Tính Độ mờ Hex [Online calculator]. Retrieved from https://abracalc.com/vi/tinh-do-mo-hex/

BibTeX

@misc{abracalc-tinh-do-mo-hex, author = {AbraCalc}, title = {Công cụ Tính Độ mờ Hex}, year = {2026}, howpublished = {\url{https://abracalc.com/vi/tinh-do-mo-hex/}} }

Công cụ này có trả lời được câu hỏi của bạn không?

Cách dùng công cụ này

  1. Đặt phần trăm độ mờ (0–100).
  2. Nhập màu hex gốc 6 chữ số.
  3. Sao chép hex 8 chữ số (ví dụ #3a86ffcc) vào CSS của bạn.

CSS hiện đại hỗ trợ màu hex 8 chữ số (#rrggbbaa) trong đó hai chữ số cuối biểu diễn kênh alpha. Công cụ này chuyển đổi phần trăm độ mờ thành byte hex đó.

Công thức

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.

Câu hỏi thường gặp

Màu hex 8 chữ số là gì?
#rrggbbaa trong đó aa là kênh alpha: 00 = hoàn toàn trong suốt, ff = hoàn toàn không trong suốt. Được hỗ trợ trong CSS Color Level 4.
50% có chính xác bằng 0x80 không?
50% × 255 = 127.5, làm tròn thành 128 = 0x80. Sự khác biệt hình ảnh so với 127 là không thể nhận thấy.

Tài liệu tham khảo và nguồn