Tới nội dung chính
Tính Ngay

Đổi mã màu

Nhập mã màu HEX để xem giá trị RGB, HSL và tỷ lệ tương phản trên nền trắng.

Xem trước
RGB

rgb(15, 118, 110)

HSL hsl(175, 77%, 26%) Tương phản trên nền trắng 5,47:1 — đạt chuẩn AA cho chữ thường

Bấm một ô trong bảng màu, kéo trong vùng chọn, hoặc gõ thẳng mã HEX — cả ba đường đều khớp nhau. Tỷ lệ tương phản theo WCAG: chữ thường cần ít nhất 4,5:1, chữ lớn cần 3:1, và mức AAA yêu cầu 7:1. Đây là chỉ số quyết định người khiếm thị màu hay đọc trên màn hình ngoài trời có đọc được không.

Công thức

Tỷ lệ tương phản = (L₁ + 0,05) ÷ (L₂ + 0,05)

L là độ sáng tương đối theo WCAG, tính từ ba kênh màu sau khi tuyến tính hoá. Giá trị chạy từ 1 tới 21.

Ví dụ

Màu #0F766E là rgb(15, 118, 110), tương phản 5,47:1 trên nền trắng — đạt chuẩn AA cho chữ thường.

Công cụ liên quan

Đếm ký tự và từ Số ký tự, từ, dòng và thời gian đọc Mã hoá Base64 Mã hoá và giải mã Base64, hỗ trợ tiếng Việt Đổi hệ cơ số Chuyển giữa nhị phân, bát phân, thập phân và thập lục phân

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

Tỷ lệ tương phản bao nhiêu là đủ?

Theo WCAG, chữ thường cần ít nhất 4,5:1, chữ lớn cần 3:1. Mức AAA nghiêm hơn, yêu cầu 7:1 cho chữ thường.

HSL dùng để làm gì?

HSL tách màu thành sắc độ, độ bão hoà và độ sáng, nên chỉnh màu sáng hơn hay nhạt hơn dễ hơn nhiều so với sửa trực tiếp mã HEX.