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

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

RGBA sang HEX

RGBA to HEX Converter

Chuyển ký hiệu rgb() và rgba() sang HEX viết hoa, giữ độ trong suốt dưới dạng byte alpha tám chữ số khi alpha dưới 1. Kênh phần trăm bị từ chối.

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

Nhập các giá trị kênh

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

Cách RGBA sang HEX 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 RGBA sang HEX

  1. 01

    Nhập các giá trị kênh

    Gõ một giá trị rgb() hoặc rgba() vào trường Màu RGB hoặc RGBA — trường mở sẵn với rgba(109, 94, 248, 0.8) đã điền và chấp nhận tối đa 64 ký tự. Đỏ, xanh lá và xanh dương phải là số nguyên từ 0 đến 255, alpha là một số từ 0 đến 1; phần trăm và các kênh ngoài dải bị từ chối.

  2. 02

    Chạy chuyển đổi

    Nhấn Chuyển sang HEX. Trình phân tích kiểm tra từng kênh trước khi chuyển đổi, và kết quả trước đó bị xóa ngay khi bạn sửa trường, nên bảng không bao giờ hiển thị một giá trị cũ.

  3. 03

    Đọc kết quả thập lục phân

    Kết quả là một giá trị hex viết hoa: #RRGGBB khi màu hoàn toàn đặc, #RRGGBBAA khi alpha dưới 1. Byte alpha là alpha nhân 255 và làm tròn, nên 0.8 trở thành 204, viết là CC.

  4. 04

    Rà soát từng kênh

    Các kênh kết quả và bản xem trước hiển thị màu HEX được xuất sau khi alpha được lượng tử hóa thành byte 8-bit. Ví dụ, alpha nhập 0.65 trở thành 166/255, hiển thị là 0.65098. Đây là bản xem trước đầu ra, không phải bản sao nguyên vẹn của alpha nhập vào.

  5. 05

    Tải lượt chuyển đổi mẫu

    Nhấn Tải mẫu để xem một lượt chạy đầy đủ: rgba(14, 165, 233, 0.65) chuyển thành #0EA5E9A6, vì 0.65 nhân 255 làm tròn thành 166, tức A6 trong hex. Đặt lại đưa về đầu vào mặc định rgba(109, 94, 248, 0.8).

  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ị hex, hoặc Tải xuống để lưu thành toolars-color-hex.txt. Cả hai đều bị vô hiệu hóa cho đến khi một lượt chuyển đổi thành cô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.

RGBA sang HEX 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.

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

Design token, các stylesheet cũ và không ít API vẫn muốn màu dạng hex, trong khi CSS đã tính toán và các công cụ thiết kế hiện đại đưa cho bạn rgba(). Dịch rgba(14, 165, 233, 0.65) bằng tay nghĩa là ba phép chuyển thập phân sang hex cộng thêm byte alpha. Trình chuyển đổi RGBA sang HEX làm phép toán chính xác, giữ độ trong suốt dưới dạng hex tám chữ số, và hiển thị các kênh đã phân tích để bạn kiểm tra đầu vào trước khi sao chép. Mọi thứ chạy trên thiết bị của bạn, không gửi gì đi đâu và không cần tài khoản.

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

Cú pháp đầu vào nào được chấp nhận?
rgb(r, g, b) hoặc rgba(r, g, b, a) với các kênh phân tách bằng dấu phẩy: đỏ, xanh lá và xanh dương phải là số nguyên từ 0 đến 255, và alpha là một số từ 0 đến 1 như 0.8 hay .65. Ký hiệu không phân biệt hoa thường và chấp nhận khoảng trắng quanh dấu phẩy; các kênh phần trăm như rgb(50%, 30%, 20%) bị từ chối theo thiết kế.
Khi nào đầu ra bao gồm byte alpha?
Chỉ khi alpha dưới 1. rgba(109, 94, 248, 0.8) trở thành #6D5EF8CC, trong khi cùng màu đó ở độ đặc đầy đủ trở thành #6D5EF8 — ký hiệu hex không bao giờ mang một FF thừa.
Alpha trở thành byte cuối bằng cách nào?
Alpha được nhân với 255 và làm tròn về số nguyên gần nhất, rồi viết thành hai chữ số hex viết hoa. Vậy 0.5 trở thành 128, hiển thị là 80, và 0.65 làm tròn thành 166, hiển thị là A6 — cùng phép ánh xạ mà CSS dùng cho màu hex tám chữ số.
Vì sao đầu vào của tôi bị từ chối?
Thông báo nêu chính xác vấn đề: một kênh trên 255, một kênh không phải số nguyên, alpha trên 1, hoặc một định dạng không phải rgb() hay rgba(). Trình phân tích cố ý nghiêm ngặt để một lỗi đánh máy không bao giờ trở thành một màu sai thầm lặng. Sửa giá trị và chuyển đổi lại — không có gì được gửi đi đâu cả.
Tôi có thể chuyển hex ngược lại rgba() không?
Có — hãy dùng Trình chuyển đổi HEX sang RGBA, công cụ chấp nhận #RGB, #RGBA, #RRGGBB và #RRGGBBAA và hiển thị chuỗi rgba() với từng kênh được tách ra để rà soát.
Màu có bị tải lên đâ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