Chuyển HEX sang RGBA
Chuyển mã HEX thành giá trị rgba() mà bạn có thể làm bán trong suốt bằng cách sửa số alpha.
Nhập hex
Kết quả · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cách sử dụng: HEX sang RGBA
- 1
Nhập màu
Gõ mã màu hoặc chọn màu bằng công cụ chọn màu — mỗi ô đều chấp nhận định dạng được hiển thị.
- 2
Xem kết quả chuyển đổi
Kết quả cập nhật ngay khi bạn gõ, kèm bản xem trước trực tiếp của màu.
- 3
Sao chép mã
Sao chép giá trị bạn cần chỉ với một cú nhấp và dán vào thiết kế, CSS hoặc cài đặt in của bạn.
Về HEX và RGBA
RGBA là RGB với thành phần thứ tư, alpha, quy định độ mờ đục từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn đục). Mã HEX sáu chữ số tiêu chuẩn như #6A5ACD không chứa thông tin trong suốt, nên công cụ trả về rgba(106, 90, 205, 1) — cùng màu đó ở độ đục tối đa.
Để làm màu trong suốt, hãy đổi số cuối: rgba(106, 90, 205, 0.5) trong suốt một nửa, còn 0.15 cho sắc màu nhạt nhẹ. Đây là cách thông dụng để tạo lớp phủ trên ảnh, bóng đổ tinh tế, hiệu ứng hover và nền mờ mà không cần định nghĩa thêm một màu nhạt hơn. Khác với thuộc tính opacity, alpha trong rgba() chỉ ảnh hưởng đến chính màu đó, nên chữ bên trong khung bán trong suốt vẫn sắc nét.
CSS hiện đại cũng chấp nhận mã HEX tám chữ số có alpha, như #6A5ACD80, nhưng rgba() dễ đọc, dễ sửa hơn và dùng được cả trên trình duyệt cũ và trình email.
Mọi thứ đều chạy cục bộ trong trình duyệt của bạn — ảnh của bạn không bao giờ được tải lên máy chủ.