Đổi Mã Màu HEX Sang RGBA
Chuyển đổi mã màu thập lục phân HEX (#RRGGBB) sang định dạng CSS rgba(r, g, b, a) với thanh điều chỉnh độ trong suốt linh hoạt.
Thông số đầu vào
Kết Quả Tức Thì
#10B981 • rgb(16, 185, 129) • hsl(160, 84%, 39%)
Chi tiết
Lời giải
Extract Red (R), Green (G), Blue (B) channels from Hex #10B981
Append Alpha opacity channel (0.8) to create CSS RGBA syntax
Convert to HSLA color space: Hue 160°, Saturation 84%, Lightness 39%
Giải Đáp Nhanh & Ý Nghĩa Chỉ Số
Công cụ đổi mã màu HEX sang RGBA giúp bạn chuyển đổi mã màu thập lục phân sang chuỗi CSS `rgba(r, g, b, a)`, dễ dàng tùy chỉnh độ trong suốt.
Nguyên Lý Chuyển Đổi Không Gian Màu
- Tách 3 Kênh Màu RGB: Phân tích cặp ký tự hex (#RR, #GG, #BB) thành các số nguyên từ 0 đến 255.
- Kênh Trong Suốt Alpha (a): Chuyển đổi tỷ lệ phần trăm độ mờ thành số thực từ 0.0 (trong suốt hoàn toàn) đến 1.0 (đặc hoàn toàn).
- Hỗ Trợ Mã Rút Gọn 3 Ký Tự: Tự động nhân đôi mã hex 3 ký tự (ví dụ:
#F06→#FF0066→rgba(255, 0, 102, 1.0)).
Ứng Dụng Trong Thiết Kế Web
- Hiệu Ứng Kính Mờ (Glassmorphism): Tạo nền mờ ảo cho thanh menu điều hướng và hộp thoại modal.
- Đổ Bóng Đa Lớp (CSS Box-shadow): Tinh chỉnh sắc thái bóng đổ nhẹ nhàng và chân thực.
Nhập mã HEX và kéo thanh trượt Alpha ở khung phía trên để sao chép chuỗi rgba() tức thì.
Công thức & Cơ chế tính toán
Công thức toán họcQuy trình tính toán:
- Tách từng cặp 2 ký tự của mã hex.
- Chuyển đổi từ hệ cơ số 16 (Hex) sang hệ thập phân cơ số 10 (0–255).
- Ghép nối với giá trị Alpha thành chuỗi hàm CSS tiêu chuẩn.
Hướng dẫn từng bước
Nhập Mã Màu HEX
Điền mã màu hex dạng 3 ký tự hoặc 6 ký tự (ví dụ: #3B82F6).
Điều Chỉnh Độ Trong Suốt
Kéo thanh trượt Alpha để chọn mức độ mờ từ 0% đến 100%.
Sao Chép Đoạn Mã CSS
Bấm nút Sao chép để lấy chuỗi rgba(...) dán vào file CSS hoặc Tailwind.
Bảng ví dụ minh họa
| Ví dụ | Giá trị đầu vào | Kết quả tính | Giải thích chi tiết |
|---|---|---|---|
| Màu xanh thương hiệu độ mờ 50% | R: 59, G: 130, B: 246 với độ trong suốt 50%. | ||
| Pure Dark Shadow at 15% Opacity | Ideal for realistic CSS box-shadow effects. |
Câu hỏi thường gặp
Phương Pháp Luận Khoa Học & Nguồn Dữ Liệu Đối Chiếu
Tổ Chức W3C - Tiêu Chuẩn CSS Color Module
Tài Liệu Lập Trình Web MDN Web Docs
Chuẩn quy chiếu: Tiêu chuẩn kỹ thuật quy chuẩn ISO / W3C / IETF
Công thức: R = parseInt(hex.slice(1, 3), 16)
Ngày kiểm duyệt: 21 Tháng 8, 2026
Cơ quan ban hành: Tổ Chức W3C - Tiêu Chuẩn CSS Color Module
Tài liệu đối chiếu: Tài Liệu Lập Trình Web MDN Web Docs
Bảo mật & Tính toán: 100% xử lý tức thì trên thiết bị, không lưu dữ liệu cá nhân
Kết quả tính toán được mô phỏng theo các công thức quy chuẩn toán học và khoa học. Vui lòng đối soát với tài liệu kỹ thuật chuyên ngành khi áp dụng vào các dự án chuyên sâu.
Công Cụ, Phương Pháp Luận & Bài Viết Cùng Chủ Đề
Kết nối kiến thức đa chiều, công cụ tính toán kiểm chứng và tài liệu phương pháp luận khoa học.
Công Cụ & Máy Tính Cùng Chuyên Mục
Khám phá các công cụ tính toán và bộ chuyển đổi chuyên sâu chuẩn xác cùng lĩnh vực.
Kiểm Tra Tương Phản Màu
Đo tỷ lệ tương phản màu sắc chữ và nền theo tiêu chuẩn tiếp cận W3C WCAG 2.1.
Đổi Mã Màu RGB Sang HEX
Chuyển đổi các giá trị màu RGB (Đỏ, Lục, Lam) sang mã màu thập lục phân HEX (#RRGGBB) chuẩn thiết kế đồ họa và lập trình web.
Tạo Đổ Bóng CSS Box Shadow
Trình tạo hiệu ứng đổ bóng CSS box-shadow trực quan, hỗ trợ hiệu ứng bóng mờ đa tầng mềm mại, bóng chìm Inset và sao chép mã Tailwind CSS.
Tạo Mã QR Code Online
Tạo mã QR Code tùy chỉnh màu sắc, hỗ trợ xuất file ảnh PNG chất lượng cao và vector SVG in ấn không giới hạn thời gian.
Tính Tỷ Lệ Khung Hình
Tính tỷ lệ khung hình hiển thị và co giãn kích thước ảnh/video chuẩn tỷ lệ thuận.
Tạo CSS Gradient Online
Trình tạo dải chuyển sắc CSS Gradient trực tuyến hỗ trợ Linear, Radial, Conic với mã xuất tự động cho CSS và Tailwind CSS.
Phương Pháp Luận Khoa Học & Chuẩn Thẩm Định
Dẫn xuất toán học, cơ sở lý thuyết và tiêu chuẩn kỹ thuật điều chỉnh thuật toán này.
RFC 8259 JSON Grammar Specifications, AST Parsing & Auto-Fix Mechanics
Comparative Analysis of Bank Amortization Models & Debt Cash-Flow Optimization
Value-Added Tax (VAT) Calculation Mechanics & Multi-Tier Regime Analysis
Bài Viết Hướng Dẫn & Nghiên Cứu Chuyên Sâu
Cẩm nang hướng dẫn toàn diện, phân tích tình huống thực tế và ứng dụng chuyên sâu.
Chuyển Đổi YAML Sang JSON: Xử Lý Cú Pháp AST, Lỗi Type Coercion và Chuẩn RFC 8259
Hướng dẫn chuyển đổi YAML sang JSON chuẩn RFC 8259, giải mã token AST, khắc phục triệt để lỗi ép kiểu ngầm và chuẩn hóa pipeline CI/CD hạ tầng đám mây.
Tối Ưu Lịch Khấu Hao Nợ: Chiến Lược Niên Kim Cố Định vs Gốc Đều
Bóc tách bản chất lịch khấu hao, bẫy lãi suất dồn đầu kỳ và chiến lược trả nợ trước hạn để tiết kiệm tối đa chi phí vay vốn thực tế.
Làm Chủ Cách Tính VAT: Giá Gross vs Net, Khấu Trừ Thuế Đầu Vào và Tối Ưu Dòng Tiền Doanh Nghiệp
Nắm vững cơ chế thuế VAT: công thức tính ngược Gross sang Net, quy trình khấu trừ thuế đầu vào và chuẩn mực quản trị dòng tiền doanh nghiệp hiệu quả.
Kết quả tính toán được mô phỏng theo các công thức quy chuẩn toán học và khoa học. Vui lòng đối soát với tài liệu kỹ thuật chuyên ngành khi áp dụng vào các dự án chuyên sâu.