Chuyển đổi mã màu — HEX·RGB·HSL·CMYK, kiểm tra độ tương phản
Dùng để chuyển màu trong bản thiết kế sang mã CSS, hoặc kiểm tra độ dễ đọc của chữ trên nút theo tiêu chuẩn khả năng tiếp cận (accessibility).
File không được gửi lên máy chủ — chỉ xử lý trong trình duyệt của thiết bị này
Kiểm tra độ tương phản (WCAG)
Đây là tỷ lệ tương phản với nền khi dùng màu này làm màu chữ. Văn bản thường AA 4,5:1, AAA 7:1 / chữ lớn (từ 24px hoặc in đậm từ 18,7px trở lên) AA 3:1, AAA 4,5:1.
Aa Ăâ 123
Nền trắng6.29:1
✓ AA văn bản thường ✗ AAA văn bản thường ✓ AA chữ lớn ✓ AAA chữ lớn
Aa Ăâ 123
Nền đen3.34:1
✗ AA văn bản thường ✗ AAA văn bản thường ✓ AA chữ lớn ✗ AAA chữ lớn
Aa Ăâ 123
Màu đã tự chọn #FFFFFF6.29:1
✓ AA văn bản thường ✗ AAA văn bản thường ✓ AA chữ lớn ✓ AAA chữ lớn
Mức độ sáng·tối
Nhấn vào ô để sao chép mã HEX.
Quảng cáo
Cách dùng Chuyển đổi màu
- 1Nhập mã màu hoặc chọn bằng bộ chọn màu (đều dùng được #4f46e5, rgb(), hsl()).
- 2Mã của mọi định dạng sẽ hiện ra, nhấn vào để sao chép.
- 3Kiểm tra tỷ lệ tương phản với màu trắng·đen·màu tự chọn, có đạt WCAG hay không, và các mức sáng·tối.
Câu hỏi thường gặp
Tỷ lệ tương phản cần đạt tối thiểu bao nhiêu?
WCAG AA yêu cầu tối thiểu 4,5:1 cho chữ thường, 3:1 cho chữ lớn; AAA yêu cầu tối thiểu 7:1 và 4,5:1 tương ứng.
Giá trị CMYK khác với nhà in.
CMYK ở đây chỉ là phép chuyển đổi toán học đơn giản. Kết quả in thực tế phụ thuộc vào hồ sơ giấy·mực, nên hãy theo tiêu chuẩn của nhà in.
Quảng cáo