Irodori彩り

RGB to HEX

HEX · RGB · HSL · OKLCH · Lab · CMYK

RGB to HEX

Mọi định dạng màu mô tả cùng một thứ bằng ngôn ngữ khác: HEX cho stylesheet, RGB cho màn hình và mã, HSL để xây bảng màu, CMYK cho in ấn. Chọn chuyển đổi bạn cần và nhận giá trị chính xác, xem trước trực tiếp và công thức.

Mọi định dạng của màu này

Cùng một màu viết bằng HEX, RGB, HSL và CMYK. Sao chép bất kỳ giá trị nào.

Chuyển RGB sang HEX

Mọi phép chuyển đổi trước tiên chuẩn hóa RGB thành bộ ba sRGB (đỏ, lục, lam trên thang 0–255), rồi mã hóa thành HEX. Cả hai cách viết mô tả cùng một điểm ảnh nên màu nhìn thấy không đổi.

1

Đọc đầu vào

Tách giá trị RGB thành các kênh (cặp chữ số hex, số nguyên hoặc phần trăm).

2

Chuẩn hóa về sRGB

Đưa từng kênh về 0–255 để sai số làm tròn không tích lũy.

3

Mã hóa HEX

Xuất kết quả theo HEX và dán vào stylesheet hoặc công cụ thiết kế.

Công thức

rgb(255, 87, 51)
→ sRGB  rgb(255,87,51)
→ HEX  #FF5733

Ví dụ tính toán

rgb(255, 87, 51) = #FF5733 = #FF5733

Các kênh được làm tròn thành số nguyên; khi chuyển ngược hãy dùng cùng công cụ để giảm sai lệch.

Bảng quy chiếu RGB → HEX

Các giá trị phổ biến được chuyển bằng cùng công thức.

Đầu vào (RGB)Kết quả (HEX)
rgb(255,87,51)#FF5733
rgb(79,70,229)#4F46E5
rgb(46,204,113)#2ECC71
rgb(52,152,219)#3498DB
rgb(231,76,60)#E74C3C
rgb(25,174,153)#19AE99
rgb(155,89,182)#9B59B6
rgb(243,156,18)#F39C12
rgb(52,73,94)#34495E
rgb(233,31,99)#E91F63
rgb(0,0,0)#000000
rgb(255,255,255)#FFFFFF

Tất cả chuyển đổi

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

Chuyển RGB sang HEX có làm đổi màu không?
Không. Cả hai mô tả cùng một màu sRGB, chỉ khác cách viết.
Vì sao giá trị HEX khác công cụ khác?
Do làm tròn. Công cụ khác có thể làm tròn ở bước khác hoặc dùng điểm trắng khác; trang này theo CSS Color 4 và D65.
Có thể dán giá trị HEX vào CSS không?
Có. HEX là cú pháp CSS gốc hoặc được hỗ trợ rộng rãi, dùng được trong stylesheet, canvas và công cụ thiết kế.
Nên dùng định dạng nào khi in?
In dùng CMYK, màn hình dùng RGB/HEX. CMYK là giá trị gần đúng, hãy chuyển bản cuối bằng profile máy in.