Kiểm tra tỷ lệ tương phản WCAG và chuyển đổi định dạng màu

Đánh giá khả năng đọc của văn bản trên màu nền tùy chỉnh để đáp ứng yêu cầu tiếp cận WCAG AA và AAA. Đồng thời chuyển đổi mã màu giữa các định dạng HEX, RGB và HSL.

Hướng dẫn từng bước

  1. 1

    Nhập màu tiền cảnh

    Nhập màu chữ của bạn ở định dạng HEX, RGB hoặc HSL.

  2. 2

    Thiết lập màu nền

    Chọn màu trắng, màu đen hoặc nhập mã màu nền tùy chỉnh để kiểm tra độ tương phản.

  3. 3

    Kiểm tra & điều chỉnh

    Kiểm tra các chỉ số đạt chuẩn và nhấp vào mức độ sáng nếu bạn cần thêm độ tương phản.

Kiểm tra độ chuẩn tiếp cận WCAG theo thời gian thực

Kiểm tra các lựa chọn màu của bạn trên nền trắng tinh, đen tuyền hoặc nền tùy chỉnh bất kỳ. Công cụ sẽ báo cáo tỷ lệ tương phản chính xác và xác nhận bạn có đạt yêu cầu AA (4.5:1), AAA (7.0:1) hoặc Văn bản lớn (3.0:1) hay không.

9 mức độ sáng giúp điều chỉnh nhanh

Khi màu thương hiệu không đạt ngưỡng tương phản tiếp cận, hãy nhấp vào bất kỳ mức nào trong 9 mức độ sáng đã tính sẵn để tìm sắc độ đạt chuẩn mà không làm đổi tông màu gốc.

Hỗ trợ định dạng màu toàn diện

Hỗ trợ HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), hsl(), bộ ba số cách nhau bằng dấu cách và hơn 50 tên màu CSS.

Hướng dẫn theo từng trường hợp

Công cụ chuyển đổi mã màu →

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

Công cụ này có tạo bản tách màu in ấn CMYK hoặc mẫu màu Pantone không?

Không, công cụ được xây dựng dành riêng cho các định dạng web kỹ thuật số và màn hình (HEX, RGB, HSL).

Tôi có thể nhập tên CSS chuẩn như 'steelblue' hoặc 'goldenrod' không?

Có, khoảng 50 tên màu CSS chuẩn được nhận diện và chuyển đổi tự động.