Công cụ nhận mọi kiểu hex mà CSS hỗ trợ: dạng 6 ký tự #ff5733, dạng rút gọn 3 ký tự #f53, và dạng 4 hoặc 8 ký tự có thêm kênh alpha, có hay không có dấu # đều được. Kết quả hiển thị chuỗi rgb() hoặc rgba(), từng giá trị kênh riêng lẻ và cách quy đổi chi tiết, kèm một dòng chuyển ngược từ RGB sang HEX khi cần. Mọi thứ chạy ngay trên trình duyệt - không tải lên, không cần tài khoản, không giới hạn số lần dùng.
Chuyển đổi màu HEX sang RGB
Chạy hoàn toàn trên trình duyệt của bạn - không tải lên, không cần đăng ký.
CSS
rgb(255, 87, 51)Giá trị RGB
255, 87, 51Cách quy đổi
Đỏ
FF255Xanh lá
5787Xanh dương
3351Chiều ngược lại? RGB sang HEX
#ff5733Làm sao để chuyển mã màu HEX sang RGB?
Mã màu hex gồm ba cặp chữ số thập lục phân, mỗi cặp ứng với một kênh màu. Chuyển từng cặp thành số thập phân từ 0 đến 255: với #ff5733, ff là đỏ 255, 57 là xanh lá 87, 33 là xanh dương 51, nên giá trị RGB là rgb(255, 87, 51). Công cụ này thực hiện phép chuyển đó ngay khi bạn gõ.
Cách dùng
- 1Nhập mã HEX. Gõ hoặc dán mã màu hex như #ff5733 (hoặc #f53), hoặc chọn màu bằng bảng màu. Dấu # không bắt buộc.
- 2Đọc giá trị RGB. Chuỗi rgb(), các giá trị 0-255 và bản xem trước màu cập nhật ngay khi bạn gõ, kèm cách quy đổi từng cặp hex.
- 3Sao chép định dạng cần dùng. Nhấn Copy bên cạnh chuỗi rgb() hoặc các giá trị thô. Cần chiều ngược lại? Nhập giá trị đỏ, xanh lá, xanh dương bên dưới để lấy lại mã hex.
Dành cho ai
- Lập trình viên front-end chuyển mã hex từ style guide sang rgb() để thêm độ trong suốt bằng rgba().
- Nhà thiết kế di chuyển màu thương hiệu giữa các công cụ dùng hex (CSS, Figma) và công cụ dùng giá trị 0-255 (một số phần mềm in ấn, dựng phim).
- Đội ngũ email và marketing khớp màu chiến dịch giữa các trình soạn thảo chỉ chấp nhận một kiểu ghi màu.
- Lập trình viên game và ứng dụng đưa giá trị kênh 0-255 vào engine hoặc SDK không đọc được chuỗi hex.
Câu hỏi thường gặp
Công cụ chuyển HEX sang RGB này có miễn phí không?
Có, hoàn toàn miễn phí, không cần đăng ký và không giới hạn số lần dùng. Mọi thứ chạy ngay trên trình duyệt.
Màu tôi nhập có bị tải lên đâu không?
Không. Phép chuyển đổi chỉ là JavaScript chạy trên thiết bị của bạn - không có gì được gửi lên máy chủ, và công cụ vẫn hoạt động khi mất mạng sau khi trang đã tải xong.
Công thức chuyển HEX sang RGB là gì?
Tách mã hex thành ba cặp, rồi chuyển mỗi cặp từ hệ 16 sang hệ 10: lấy chữ số đầu nhân 16 rồi cộng chữ số thứ hai (a=10 ... f=15). Với #ff5733, ff = 15×16+15 = 255, 57 = 5×16+7 = 87, 33 = 3×16+3 = 51.
Có hỗ trợ dạng rút gọn 3 ký tự như #f53 không?
Có. Trong dạng rút gọn của CSS, mỗi chữ số được nhân đôi, nên #f53 mở rộng thành #ff5533 và cho ra rgb(255, 85, 51). Dạng 4 ký tự hoạt động tương tự, với chữ số cuối là alpha.
Chuyển HEX sang RGBA như thế nào?
Mã hex 8 ký tự mang giá trị alpha ở cặp cuối. Byte đó (0-255) được chia cho 255 để ra giá trị alpha 0-1 mà rgba() cần, làm tròn ba chữ số thập phân - nên #ff573380 trở thành rgba(255, 87, 51, 0.502).
Có thể chuyển ngược RGB về HEX không?
Có. Dùng dòng RGB to HEX bên dưới kết quả: nhập giá trị đỏ, xanh lá, xanh dương từ 0 đến 255 là nhận lại mã hex ngay lập tức. Giá trị vượt phạm vi sẽ được giới hạn về 0-255.
Tại sao cần dùng rgb() thay vì hex?
Chủ yếu để xử lý alpha và tính toán: rgba(255, 87, 51, 0.5) giúp làm màu trong suốt, và nhiều API, engine game, quy chuẩn thiết kế yêu cầu các giá trị kênh 0-255 riêng biệt thay vì một chuỗi hex.