Skip to main content
appkiro.com
Màu sắc

Đổi RGB sang HEX

Chuyển RGB thường dùng cho canvas, dữ liệu pixel, CSS và API đồ họa thành mã sáu ký tự được chuẩn hóa theo sRGB, phù hợp với mã màu web gọn và design token.

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server.

1. Nhập giá trị RGB

Chọn màu trực quan, dùng thanh trượt hoặc dán giá trị.

RGBHSLHSV
255
99
71

Màu mẫu

2. Xem trước trực tiếp

#FF6347

tomato

Xem trước

Gốc

rgb(255, 99, 71)

Làm sáng 20%

rgb(255, 130, 108)

Làm tối 20%

rgb(204, 79, 57)

Bổ túc

rgb(71, 227, 255)

Thông tin màu

Tên màu:tomatoĐộ sáng:56%Độ chói:0.306Tương phản với trắng:2.95 : 1Tương phản với đen:7.13 : 1

So sánh trực quan

Aa

Với chữ trắng

Aa

Với chữ đen

3. Kết quả

#FF6347

Định dạng khác

HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
Tên màutomato

Bảng màu

Bạn có biết?

Bạn có thể lấy màu trên màn hình khi trình duyệt hỗ trợ EyeDropper API.

Trả lời nhanh

Chuyển RGB thường dùng cho canvas, dữ liệu pixel, CSS và API đồ họa thành mã sáu ký tự được chuẩn hóa theo sRGB, phù hợp với mã màu web gọn và design token. Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu.

Công cụ này làm gì

Chuyển RGB thường dùng cho canvas, dữ liệu pixel, CSS và API đồ họa thành mã sáu ký tự được chuẩn hóa theo sRGB, phù hợp với mã màu web gọn và design token. Dùng trang tập trung này khi nguồn đã là RGB và hệ thống tiếp theo cần riêng HEX; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc.

Khả năng đã xác minh

Dữ liệu đầu vào RGB hợp lệ

Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên.

Đọc kết quả HEX

mã sáu ký tự được chuẩn hóa theo sRGB

Kiểm tra giới hạn chính xác

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại.

Khi nào nên dùng

  • Dùng trang tập trung này khi nguồn đã là RGB và hệ thống tiếp theo cần riêng HEX; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc.
  • Chuyển RGB thường dùng cho canvas, dữ liệu pixel, CSS và API đồ họa thành mã sáu ký tự được chuẩn hóa theo sRGB, phù hợp với mã màu web gọn và design token.
  • RGB → HEX: mã màu web gọn và design token.

Cách sử dụng

  1. Nhập màu nguồn

    Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên. Trong mục “Cách sử dụng: Nhập màu nguồn”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

  2. Kiểm tra bản xem trước đã chuẩn hóa

    Dùng thanh trượt, ô nhập trực tiếp, swatch mẫu hoặc bộ chọn hệ thống khi có. Bản xem trước cho thấy bước chuẩn hóa trước khi định dạng HEX.

  3. Sao chép giá trị đích

    Sao chép dòng HEX. Các dòng khác vẫn hiện để đối chiếu nhưng mục đích của trang là RGB → HEX.

  4. Kiểm tra giới hạn chính xác

    Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Dùng bản xem trước để phát hiện lỗi phân tích trước khi sao chép dòng HEX.

Giải thích tùy chọn

Dữ liệu đầu vào RGB hợp lệ

Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên. Trong mục “Giải thích tùy chọn: Dữ liệu đầu vào RGB hợp lệ”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Đọc kết quả HEX

mã sáu ký tự được chuẩn hóa theo sRGB. HEX là ký pháp của các kênh RGB, không phải một dải màu độc lập.

Kết quả được tạo như thế nào

Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên. Khu vực chuyển đổi đưa dữ liệu đầu vào về bộ ba sRGB rồi định dạng thành mã sáu ký tự được chuẩn hóa theo sRGB. Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa. HEX là ký pháp của các kênh RGB, không phải một dải màu độc lập.

Độ chính xác và giới hạn

  • Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu.
  • Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa.
  • HEX là ký pháp của các kênh RGB, không phải một dải màu độc lập.

Xử lý và quyền riêng tư

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server.

Mẹo sử dụng

  • Giữ lại giá trị RGB gốc khi đối chiếu kết quả HEX đã làm tròn.
  • Dùng bản xem trước để phát hiện lỗi phân tích trước khi sao chép dòng HEX.

Xử lý sự cố

Vì sao dữ liệu đầu vào RGB bị từ chối?

Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên. Trong mục “Xử lý sự cố: Vì sao dữ liệu đầu vào RGB bị từ chối?”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Vì sao đổi RGB sang HEX rồi đổi ngược lại cho kết quả khác?

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu. Trong mục “Xử lý sự cố: Vì sao đổi RGB sang HEX rồi đổi ngược lại cho kết quả khác?”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Kiểm tra giới hạn chính xác

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu. Đặt lại công cụ rồi thử bằng giá trị chắc chắn được hỗ trợ trước khi kết luận lỗi thuật toán.

Câu hỏi về công cụ

Khi nào nên dùng riêng bộ đổi RGB sang HEX?

Dùng trang tập trung này khi nguồn đã là RGB và hệ thống tiếp theo cần riêng HEX; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc. Trong mục “Khi nào nên dùng riêng bộ đổi RGB sang HEX?”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Vì sao dữ liệu đầu vào RGB bị từ chối?

Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên. Trong mục “Vì sao dữ liệu đầu vào RGB bị từ chối?”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Vì sao đổi RGB sang HEX rồi đổi ngược lại cho kết quả khác?

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng RGB → HEX → RGB khác giá trị ban đầu. Trong mục “Vì sao đổi RGB sang HEX rồi đổi ngược lại cho kết quả khác?”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Kết quả HEX dùng cú pháp nào?

mã sáu ký tự được chuẩn hóa theo sRGB. mã màu web gọn và design token. HEX là ký pháp của các kênh RGB, không phải một dải màu độc lập.

Dữ liệu đầu vào RGB được chuẩn hóa thế nào trước khi đổi?

Nhập đỏ, lục và lam trong khoảng 0–255; giá trị phần trăm cũng được đọc rồi chuẩn hóa thành kênh số nguyên. Khu vực chuyển đổi giả định kênh sRGB 0–255 và làm tròn giá trị sau chuẩn hóa.

Giá trị RGB có được tải lên khi chuyển đổi không?

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server. Giữ lại giá trị RGB gốc khi đối chiếu kết quả HEX đã làm tròn.

Tiếp tục quy trình màu

Dùng trang tập trung này khi nguồn đã là RGB và hệ thống tiếp theo cần riêng HEX; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc. Trong mục “Tiếp tục quy trình màu”, lưu ý này áp dụng riêng cho Đổi RGB sang HEX.

Tiếp tục bằng công cụ liên quan

Mở trang liên quan đầu tiên khi cần làm tiếp sau phép đổi RGB → HEX chuyên biệt.

Đổi mã màu HEX, RGB, HSL, LAB và OKLCH