Chuyển đến nội dung

Hướng dẫn tính năng

Kiểm tra tương phản trợ năng

Trước khi đưa bảng màu vào sản phẩm, Lab bảng màu cho thấy cặp nào đạt tương phản WCAG cho văn bản, màu nào khó phân biệt với người có sắc giác khác biệt và các màu trông ra sao trên giao diện thật.

Pro Có trong ColorSnapr Pro Cập nhật:

Kiểm tra tương phản trợ năng

Thông tin chính

  • Ma trận tương phản: mọi cặp nền × chữ kèm tỷ lệ và kết quả AA / AA chữ lớn / AAA.
  • Xung đột sắc giác: các cặp màu trở nên khó phân biệt với protanopia, deuteranopia hoặc tritanopia.
  • Xem trước giao diện: bảng màu của bạn trên nút, thẻ và văn bản.
  • Dải chuyển màu mượt mà được nội suy trong Oklab.
  • Mỗi màu đã lưu cũng hiển thị miễn phí độ tương phản với chữ trắng và chữ đen.

Cách hoạt động

  1. 1 Mở một bảng màu và chọn Lab bảng màu.
  2. 2 Xem tab Trợ năng: ô có viền là đạt AA cho văn bản thường.
  3. 3 Chuyển sang Xem trước hoặc Chuyển màu, điều chỉnh màu và kiểm tra lại.

Câu hỏi

Sử dụng ngưỡng WCAG nào?

4.5:1 cho văn bản thường (AA), 3:1 cho chữ lớn (AA chữ lớn) và 7:1 cho AAA, theo WCAG 2.

Lab bảng màu có miễn phí không?

Lab bảng màu thuộc ColorSnapr Pro. Độ tương phản với chữ trắng và chữ đen của từng màu đã lưu thì miễn phí.

Thử ngay trên điện thoại — ColorSnapr tải về miễn phí.