Bỏ qua tới nội dung
Toolars
Khám phá

HEX sang RGBA

HEX to RGBA Converter

Giải mã màu #RGB, #RGBA, #RRGGBB và #RRGGBBAA thành rgba() với alpha chính xác theo byte chia 255, kèm mẫu màu trực tiếp và từng kênh để rà soát.

Xử lý cục bộ

Chi tiết xử lý

Dữ liệu nhập của công cụ được xử lý trên thiết bị của bạn.

Công cụ có thể tải tài nguyên để hoạt động. Dịch vụ tài khoản hoạt động riêng.

Đang chuẩn bị dùng ngoại tuyến…

Thông tin quyền riêng tư
Báo lỗi

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách chuyển một màu HEX sang RGBA

  1. 01

    Nhập màu HEX

    Gõ giá trị vào trường Màu HEX, vốn mở sẵn với #6D5EF8CC đã điền. Trình phân tích nghiêm ngặt chấp nhận #RGB, #RGBA, #RRGGBB và #RRGGBBAA — dòng trợ giúp dưới trường liệt kê chính xác bốn định dạng này, và trường giới hạn nhập ở chín ký tự.

  2. 02

    Chạy chuyển đổi

    Nhấn Chuyển sang RGBA. Trình phân tích kiểm tra toàn bộ giá trị trước khi render bất cứ thứ gì, và một giá trị sai định dạng bị từ chối với thông báo nêu tên bốn định dạng được chấp nhận. Chỉnh sửa trường sẽ xóa kết quả trước đó, nên bảng bên dưới không bao giờ hiển thị một màu cũ.

  3. 03

    Đọc các kênh RGBA

    Alpha được giải mã bằng byte của nó chia cho 255, không làm tròn trong quá trình tính. RGBA và phần hiển thị kênh dùng tối đa sáu chữ số thập phân; cả 256 byte alpha đều khứ hồi qua RGBA được xuất.

  4. 04

    Kiểm tra mẫu màu

    Mẫu xem trước lớn render trực tiếp màu đã chuyển, nên một kết quả bán trong suốt lập tức thấy rõ trên nền trang. Dùng nó để xác nhận alpha đọc đúng như thiết kế mong muốn trước khi sao chép.

  5. 05

    Tải mẫu nếu cần

    Nhấn Tải mẫu để chạy một ví dụ hoàn chỉnh — #22C55E99 chuyển thành rgba(34, 197, 94, 0.6) — cho thấy toàn bộ quy trình từ nhập liệu đến các kênh. Đặt lại đưa trường về #6D5EF8CC và xóa kết quả.

  6. 06

    Sao chép hoặc tải xuống kết quả

    Nhấn Sao chép đầu ra để chép giá trị rgba() vào clipboard, hoặc Tải xuống để lưu thành toolars-color-rgba.txt. Cả hai hành động đều bị vô hiệu hóa cho đến khi một lượt chuyển đổi thành công, nên bạn không bao giờ sao chép một kết quả rỗng.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

HEX sang RGBA dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Khi nào HEX sang RGBA hữu ích

Giải mã lớp phủ thương hiệu trong suốt

Nhập #0f4cff80 rồi chuyển sang RGBA. Các kênh là 15, 76 và 255, alpha gần 0.502. Ô màu lớn cho thấy sắc lớp phủ trên nền trang trước khi bạn sao chép chuỗi rgba() vào stylesheet.

Mở rộng màu viết tắt

Nhập #6F8A rồi chuyển đổi: mỗi chữ số được lặp đôi, cho rgb(102, 255, 136) với alpha khoảng 0.667. Tự lặp đôi từng chữ số dễ gây sai lệch một chữ số.

Kiểm tra vòng chuyển đổi ngược

Sao chép kết quả rgba() vào bộ chuyển đổi RGBA sang HEX và xác nhận mã hex ban đầu được khôi phục, gồm cả byte alpha. Hai công cụ dùng cùng phép tính kênh màu, nên vòng chuyển đổi không mất dữ liệu với cả 256 byte alpha.

HEX sang RGBA thực sự làm gì

Một bản bàn giao thiết kế liệt kê màu thương hiệu bán trong suốt là #6D5EF8CC, còn stylesheet bạn đang sửa lại muốn rgba(): các byte đỏ, xanh lá và xanh dương thì xoay sở được, nhưng CC nghĩa là 204 trên 255 — khoảng 0.8 alpha — và tính nhẩm thế này rất dễ sai. Trình chuyển đổi HEX sang RGBA giải mã chính xác từng nhóm chữ số, mở rộng các chữ số viết tắt, và hiển thị từng kênh để rà soát cạnh một mẫu màu trực tiếp. Chuỗi đã sao chép đi thẳng vào một khai báo viền, bóng đổ hay gradient. Giá trị không bao giờ rời khỏi tab, nên việc chuyển đổi phù hợp với mọi codebase nhạy cảm về quyền riêng tư.

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

Những định dạng HEX nào được chấp nhận?
Chính xác bốn định dạng: #RGB, #RGBA, #RRGGBB và #RRGGBBAA. Bất cứ thứ gì khác — thiếu #, năm chữ số, hay một từ khóa màu — đều bị từ chối với thông báo nêu tên các định dạng được chấp nhận.
Các định dạng viết tắt được mở rộng thế nào?
Mỗi chữ số được nhân đôi: #RGB trở thành #RRGGBB bằng cách lặp lại từng ký tự, nên #6F8 giải mã thành đỏ 102, xanh lá 255, xanh dương 136. Trong #RGBA, chữ số thứ tư nhân đôi thành byte alpha trước khi phép ánh xạ 0–255 sang 0–1 thông thường áp dụng.
Byte alpha được chuyển đổi thế nào?
Alpha được giải mã bằng byte của nó chia cho 255, không làm tròn trong quá trình tính. RGBA và phần hiển thị kênh dùng tối đa sáu chữ số thập phân; cả 256 byte alpha đều khứ hồi qua RGBA được xuất.
Vì sao kết quả của tôi biến mất?
Chỉnh sửa trường nhập sẽ cố ý xóa kết quả trước đó, để bảng không bao giờ hiển thị một màu không còn khớp với thứ đang được gõ. Nhấn Chuyển sang RGBA lần nữa và kết quả mới xuất hiện tức thì.
Tôi có thể chuyển theo chiều ngược lại không?
Có — hãy dùng Trình chuyển đổi RGBA sang HEX, công cụ chấp nhận ký hiệu rgb() và rgba() và tạo ra giá trị hex tương ứng, kể cả byte alpha khi màu bán trong suốt. Hai công cụ dùng chung phép tính kênh, nên một vòng khứ hồi trả về giá trị bạn bắt đầu.
Vì sao công cụ khác hiển thị alpha hơi khác?
Alpha là byte chia cho 255, thường cho số thập phân lặp như 0.501960…; công cụ này giữ tối đa sáu chữ số thập phân, trong khi công cụ khác có thể làm tròn còn hai hoặc bốn. Khác biệt chỉ ở cách hiển thị: byte gốc vẫn giống nhau và CSS chấp nhận các mức độ chính xác. Khi cần khớp chính xác với token thiết kế, hãy so sánh byte hex thay vì số thập phân.
Có thể dùng rgba() ở mọi nơi không?
Mọi trình duyệt hiện đại đều hỗ trợ rgba() và dạng rgb() phân cách bằng khoảng trắng với alpha sau dấu gạch chéo. Công cụ rất cũ hoặc linter nghiêm ngặt có thể yêu cầu một định dạng riêng. Khi cần, đặt alpha bằng 1 để màu tương đương rgb() thông thường. Trong quy trình build, dán đúng chuỗi xuất từ công cụ thay vì gõ lại số thập phân.
Thuộc tính CSS nào nhận giá trị đã chuyển đổi?
Mọi thuộc tính nhận màu, gồm background, color, border-color, box-shadow, gradient và outline. Giá trị rgba() trong suốt hữu ích cho lớp phủ, trạng thái vô hiệu hóa và bóng đổ, khi nội dung bên dưới cần hiện xuyên qua màu.
Màu có bị gửi đi đâu không?
Không. Việc chuyển đổi chạy hoàn toàn trong tab trình duyệt này, dữ liệu nhập và kết quả không bao giờ rời khỏi nó, và không cần tài khoản.

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Trình tạo hộp kiểm CSS

CSS Checkbox Generator

24 mẫu hộp kiểm: tám dấu × ba chuyển tiếp; thử bản xem trước gốc bằng nhấp hoặc Phím cách.

Tạo

Trình tạo công tắc CSS

CSS Switch Generator

18 mẫu công tắc: sáu hình nút × ba chuyển tiếp; thử bằng nhấp hoặc bàn phím.

Tạo

Trình tạo clip path CSS

CSS Clip Path Generator

24 hình cắt, tham số và điểm đa giác có thể sửa; xuất CSS hoặc một khai báo.

Tạo