AbraCalc

Công cụ Chuyển đổi Màu Hex sang RGBA

Chuyển đổi màu hex CSS (#rrggbb hoặc #rgb) sang giá trị RGBA với kênh alpha tùy chỉnh. Miễn phí, tức thì.

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ụ Chuyển đổi Màu Hex sang RGBA [Online calculator]. Retrieved from https://abracalc.com/vi/doi-hex-sang-rgba/

BibTeX

@misc{abracalc-doi-hex-sang-rgba, author = {AbraCalc}, title = {Công cụ Chuyển đổi Màu Hex sang RGBA}, year = {2026}, howpublished = {\url{https://abracalc.com/vi/doi-hex-sang-rgba/}} }

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. Nhập mã màu hex của bạn (ví dụ #3a86ff hoặc #f0f).
  2. Đặt giá trị alpha giữa 0 (vô hình) và 1 (không trong suốt).
  3. Sao chép kết quả rgba() vào CSS của bạn.

Chuyển đổi màu hex CSS sang rgba() với giá trị alpha (độ mờ) tùy chỉnh. Hữu ích khi bạn cần màu bán trong suốt trong CSS.

Công thức

Given a hex color #rrggbb:

R = parseInt(rr, 16)   G = parseInt(gg, 16)   B = parseInt(bb, 16)

Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places

Result: rgba(R, G, B, a)

Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.

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

RGBA là gì?
RGBA giống RGB nhưng có thêm kênh thứ tư — alpha — kiểm soát độ mờ. 0 là hoàn toàn trong suốt, 1 là hoàn toàn không trong suốt.
Tôi có thể dùng mã hex 3 chữ số không?
Có. #abc sẽ tự động được mở rộng thành #aabbcc trước khi chuyển đổi.

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