Công cụ chuyển đổi RGB sang HEX — Chuyển đổi các giá trị RGB thành mã hex và mã hex thành RGB, kèm theo tính năng xem trước trực tiếp.

Công cụ chuyển đổi từ RGB sang HEX có chức năng gì?

Màn hình tạo ra mọi màu sắc bằng cách trộn ánh sáng đỏ, xanh lá và xanh dương. Hệ RGB biểu diễn sự pha trộn này dưới dạng ba số từ 0 đến 255. Hệ HEX biểu diễn ba số này theo hệ cơ số 16 dưới dạng mã ngắn như #1F3A5F – đây là định dạng thường được sử dụng trong CSS, các công cụ thiết kế và hướng dẫn nhận diện thương hiệu.

Nhập ba con số, chọn màu bằng công cụ chọn màu hoặc dán mã hex. Tất cả các định dạng sẽ được cập nhật đồng thời; ngoài ra, bạn còn nhận được phiên bản HSL và kết quả kiểm tra xem màu chữ nào hiển thị rõ nhất trên nền màu đó.

Tại sao mọi người lại chuyển đổi RGB sang HEX?

Cách chuyển đổi từ RGB sang HEX

Mỗi trong ba số này được chuyển thành một giá trị hai chữ số theo hệ cơ số 16, sau đó ba cặp số này được ghép lại với nhau.

Hệ cơ số 16 sử dụng các chữ số từ 0 đến 9 và các chữ cái từ A đến F, trong đó A tương ứng với 10 và F tương ứng với 15. Một mã ngắn như #FA0 là dạng viết tắt: mỗi chữ số được nhân đôi, do đó nó có nghĩa là #FFAA00.

Các màu phổ biến trong hệ RGB và HEX

Cách sử dụng công cụ chuyển đổi từ RGB sang HEX

1. Nhập các giá trị màu đỏ, xanh lá và xanh dương, hoặc nhấp vào mẫu màu để sử dụng công cụ chọn màu.
2. Hoặc dán mã hex vào ô “Hex” để thực hiện theo cách ngược lại.
3. Xem các mã HEX, RGB và HSL, đồng thời kiểm tra tỷ lệ tương phản và màu chữ phù hợp nhất.
4. Nhấn vào nút “Sao chép” bên cạnh định dạng bạn cần.

Một số mẹo đơn giản khi làm việc với màu sắc

• Để đảm bảo văn bản dễ đọc, hãy cố gắng đạt tỷ lệ tương phản ít nhất là 4,5 : 1 đối với văn bản thông thường và 3 : 1 đối với văn bản cỡ lớn.
• Mã hex không phân biệt chữ hoa chữ thường, do đó #1f3a5f và #1F3A5F là cùng một màu.
• Dấu # ở đầu là bắt buộc trong CSS nhưng ở đây thì tùy chọn. Bạn có thể dán mã có hoặc không có dấu này.
• Màn hình và máy in hiển thị màu sắc khác nhau, do đó màu sắc trên bản in có thể không khớp với màu sắc bạn thấy trên màn hình.

Các hạn chế và quyền riêng tư