Chuyển HEX sang RGB
Biến mã màu hex thành giá trị RGB.
Chạy ngay trên trình duyệt. Không có gì bạn nhập vào bị gửi đi đâu cả.
- 3, 4, 6 hoặc 8 chữ số
- Cả RGBA và HSL
- Sao chép một cú click
Cách chuyển HEX sang RGB
- Gõ hoặc dán mã hex, có hoặc không có dấu #.
- Giá trị RGB, RGBA và HSL cập nhật ngay khi bạn gõ.
- Bấm nút sao chép cạnh giá trị bạn cần.
Ví dụ chuyển HEX sang RGB
| Hex | RGB | Ghi chú |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Hex 6 chữ số chuẩn |
| #F80 | rgb(255, 136, 0) | Viết tắt 3 chữ số, cùng màu |
| #000000 | rgb(0, 0, 0) | Màu đen |
| #FFFFFF | rgb(255, 255, 255) | Màu trắng |
| #FF880080 | rgba(255, 136, 0, 0.5) | Hex 8 chữ số kèm alpha |
Phiên bản viết tắt và phiên bản đầy đủ luôn giải mã ra đúng cùng một màu, vì mỗi chữ số viết tắt chỉ đơn giản được nhân đôi.
Mã hex đến từ đâu
Các công cụ thiết kế như Figma và Photoshop, cùng DevTools của mọi trình duyệt, đều hiển thị màu dưới dạng hex theo mặc định, vì đây là cách ngắn nhất để viết chính xác một màu dưới dạng văn bản.
Hex đã là một phần của web từ những thuộc tính màu đầu tiên của HTML vào thập niên 1990, rất lâu trước khi các hàm CSS rgb() và hsl() ra đời. Lịch sử đó là lý do hex vẫn là định dạng được hầu hết style guide nhắc đến đầu tiên.
Những lỗi thường gặp với mã hex
- Mã hex cần 3, 4, 6 hoặc 8 chữ số. Độ dài 5 hoặc 7 là không hợp lệ và sẽ không chuyển đổi được.
- Một số API Windows đời cũ lưu màu theo thứ tự BGR thay vì RGB, nên mã sao chép từ code cũ có thể bị đảo ngược đỏ và lam.
- Hai chữ số cuối của mã 8 chữ số là alpha, không phải kênh màu thứ tư, nên #FF880000 là trong suốt hoàn toàn, không phải màu cam đậm hơn.
Câu hỏi thường gặp về HEX sang RGB
Làm sao để tự tay chuyển HEX sang RGB?
Chia mã thành ba cặp và chuyển từng cặp từ hệ cơ số 16 sang hệ cơ số 10. Với #F08A3C ta được F0 = 240, 8A = 138 và 3C = 60, vậy là rgb(240, 138, 60).
Mã hex 3 chữ số là gì?
Đây là cách viết tắt, mỗi chữ số được nhân đôi. #F80 là cùng một màu với #FF8800, và #000 là màu đen.
Hai chữ số cuối của mã hex 8 chữ số nghĩa là gì?
Đó là alpha, tức độ mờ. #FF880080 là màu cam ở độ mờ khoảng 50%, giống hệt rgba(255, 136, 0, 0.5).
Mã có cần bắt đầu bằng dấu # không?
Không. Công cụ này nhận mã có hoặc không có #, viết hoa hay viết thường đều được.
Vì sao mã hex của tôi báo không hợp lệ?
Mã hex phải có đúng 3, 4, 6 hoặc 8 chữ số, dùng ký tự 0-9 và A-F. Độ dài như 5 hoặc 7, hoặc ký tự nằm ngoài phạm vi đó, sẽ không chuyển đổi được.
Tôi có thể dán một biến CSS như var(--brand) không?
Không, hãy dán giá trị màu thực tế. Hãy tra trước xem biến đó phân giải ra giá trị gì, ví dụ trong bảng computed styles ở DevTools của trình duyệt.
Mã hex ngắn nhất có thể là gì?
3 chữ số, như #000 cho màu đen hoặc #fff cho màu trắng. Mỗi chữ số đại diện cho một cặp được nhân đôi trong giá trị đầy đủ 6 chữ số.