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

Tiện ích Thiết kế · Cục bộ

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.

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

Nhập màu HEX

Chạy cục bộ · Không có gì được tải lên

Cách HEX sang RGBA hoạt động, quyền riêng tư và các công cụ liên quan

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.

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.
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.

Tiếp tục trong Thiết kế

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 animation loading CSS

CSS Loader Generator

Thiết kế spinner vòng quỹ đạo hoặc ba chấm nảy với khung 24–160 px, chu kỳ 0,2–4 giây và màu tùy chọn, rồi sao chép CSS kèm @keyframes và reduced-motion.

Tạo

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

CSS Checkbox Generator

Tạo kiểu checkbox 18–64 px giữ nguyên input thật — focus bàn phím và công nghệ hỗ trợ vẫn hoạt động — với màu hai trạng thái, rồi sao chép CSS sẵn dùng.

Tạo

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

CSS Switch Generator

Thiết kế công tắc CSS thuần với thanh trượt 44–128 px và núm trượt khớp tự động, xem trước hiệu ứng 180 ms, rồi sao chép mã kèm xử lý focus và reduced-motion.

Tạo

Trình tạo clip path CSS

CSS Clip Path Generator

Chỉnh đỉnh bằng cách kéo, bàn phím hoặc tọa độ. Bắt đầu từ bốn mẫu và sao chép khai báo clip-path hoặc CSS đầy đủ ngay trên máy.

Tạo